From eaba26815ad15e0bad03d72a3e8071b2863fcf26 Mon Sep 17 00:00:00 2001 From: THIS ONE IS A LITTLE BIT TRICKY KRUB Date: Mon, 18 Nov 2024 14:25:31 +0700 Subject: [PATCH 01/11] feat: update layout of ProjectDealPage for improved responsiveness and accessibility --- src/app/(investment)/deals/[id]/page.tsx | 82 ++++++------------------ 1 file changed, 18 insertions(+), 64 deletions(-) diff --git a/src/app/(investment)/deals/[id]/page.tsx b/src/app/(investment)/deals/[id]/page.tsx index 8cb6b8b..2322aef 100644 --- a/src/app/(investment)/deals/[id]/page.tsx +++ b/src/app/(investment)/deals/[id]/page.tsx @@ -98,7 +98,7 @@ export default async function ProjectDealPage({ params }: { params: { id: number ))} -
+
{/* image carousel */} -
- -
- - {/*
-
- -

${totalDealAmount}

-

- {toPercentage(totalDealAmount, projectData?.target_investment)}% raised of $ - {projectData?.target_investment} max goal -

- - - -

-

{dealList.length}

-

-

Investors

- - - -

- {projectData?.investment_deadline ? ( - <> -

{Math.floor(hourLeft)} hours

-

Left to invest

- - ) : ( -

No deadline

- )} - - -
-

Dataroom

- - -
-
-
*/}
{/* menu */}
@@ -215,7 +181,6 @@ export default async function ProjectDealPage({ params }: { params: { id: number Pitch - {/* General Data */} Updates @@ -235,17 +200,6 @@ export default async function ProjectDealPage({ params }: { params: { id: number - {/* - - - general - general Description - - -

general Content

- - - */} From c091e3c5ea588796028cc186d980763813c8c02d Mon Sep 17 00:00:00 2001 From: THIS ONE IS A LITTLE BIT TRICKY KRUB Date: Mon, 18 Nov 2024 15:08:03 +0700 Subject: [PATCH 02/11] feat: refactor mobile menu component and integrate menu items for improved navigation --- src/components/listItem.tsx | 28 +++++++ src/components/mobileMenu.tsx | 27 ------- src/components/navigationBar/menu.ts | 23 ++++++ src/components/navigationBar/mobileMenu.tsx | 81 +++++++++++++++++++++ src/components/navigationBar/nav.tsx | 79 ++++++-------------- 5 files changed, 156 insertions(+), 82 deletions(-) create mode 100644 src/components/listItem.tsx delete mode 100644 src/components/mobileMenu.tsx create mode 100644 src/components/navigationBar/menu.ts create mode 100644 src/components/navigationBar/mobileMenu.tsx diff --git a/src/components/listItem.tsx b/src/components/listItem.tsx new file mode 100644 index 0000000..ca85cd5 --- /dev/null +++ b/src/components/listItem.tsx @@ -0,0 +1,28 @@ +import { NavigationMenuLink } from "@/components/ui/navigation-menu"; +import { cn } from "@/lib/utils"; +import React from "react"; +const ListItem = React.forwardRef, React.ComponentPropsWithoutRef<"a">>( + ({ className, title, children, ...props }, ref) => { + return ( +
  • + + +
    {title}
    +
    +

    {children}

    +     +     +
    • + ); + } +); +ListItem.displayName = "ListItem"; + +export default ListItem; diff --git a/src/components/mobileMenu.tsx b/src/components/mobileMenu.tsx deleted file mode 100644 index 9c513a8..0000000 --- a/src/components/mobileMenu.tsx +++ /dev/null @@ -1,27 +0,0 @@ -"use client"; -import { useState } from "react"; -import { Menu, X } from "lucide-react"; -import { Button } from "./ui/button"; -import { motion } from "framer-motion"; - -export function MobileMenu() { - const [isVisible, setIsVisible] = useState(false); - return ( -
    - - {isVisible && ( - - setIsVisible(false)} /> - - )} -
    - ); -} diff --git a/src/components/navigationBar/menu.ts b/src/components/navigationBar/menu.ts new file mode 100644 index 0000000..d7ad987 --- /dev/null +++ b/src/components/navigationBar/menu.ts @@ -0,0 +1,23 @@ +export const businessComponents = [ + { + title: "Business", + href: "/business/apply", + description: "Apply to raise on on B2DVentures", + }, +]; + +export const projectComponents = [ + { + title: "Projects", + href: "/project/apply", + description: "Start your new project on B2DVentures", + }, +]; + +export const dataroomComponents = [ + { + title: "Overview", + href: "/dataroom/overview", + description: "View all dataroom available to you", + }, +]; diff --git a/src/components/navigationBar/mobileMenu.tsx b/src/components/navigationBar/mobileMenu.tsx new file mode 100644 index 0000000..60e2e41 --- /dev/null +++ b/src/components/navigationBar/mobileMenu.tsx @@ -0,0 +1,81 @@ +"use client"; +import { useState } from "react"; +import { Menu, X } from "lucide-react"; +import { Button } from "../ui/button"; +import { motion } from "framer-motion"; +import { + NavigationMenu, + NavigationMenuContent, + NavigationMenuItem, + NavigationMenuLink, + NavigationMenuList, + NavigationMenuTrigger, +} from "@/components/ui/navigation-menu"; +import React from "react"; +import { SearchBar } from "./serchBar"; +import ListItem from "../listItem"; +import { businessComponents, projectComponents, dataroomComponents } from "./menu"; + +export function MobileMenu() { + const [isVisible, setIsVisible] = useState(false); + return ( +
    + + {isVisible && ( + + setIsVisible(false)} /> + + + + Businesses + + {businessComponents.map((component) => ( + + {component.description} + + ))} + + + + Projects + +
      + {projectComponents.map((component) => ( + + {component.description} + + ))} +
    +     +     + + Dataroom + +
      + {dataroomComponents.map((component) => ( + + {component.description} + + ))} +
    +     +     + + + + +     +     +     + )} +
    + ); +} diff --git a/src/components/navigationBar/nav.tsx b/src/components/navigationBar/nav.tsx index e4f0233..8771a23 100644 --- a/src/components/navigationBar/nav.tsx +++ b/src/components/navigationBar/nav.tsx @@ -2,7 +2,6 @@ import * as React from "react"; import Link from "next/link"; import Image from "next/image"; -import { cn } from "@/lib/utils"; import { Separator } from "@/components/ui/separator"; import { ThemeToggle } from "@/components/theme-toggle"; import { @@ -21,31 +20,9 @@ import { createSupabaseClient } from "@/lib/supabase/serverComponentClient"; import { getUserId } from "@/lib/supabase/actions/getUserId"; import { getUnreadNotificationCountByUserId } from "@/lib/data/notificationQuery"; -import { MobileMenu } from "../mobileMenu"; - -const ListItem = React.forwardRef, React.ComponentPropsWithoutRef<"a">>( - ({ className, title, children, ...props }, ref) => { - return ( -
  • - - -
    {title}
    -
    -

    {children}

    -     -     -
    • - ); - } -); -ListItem.displayName = "ListItem"; +import { MobileMenu } from "./mobileMenu"; +import ListItem from "../listItem"; +import { businessComponents, projectComponents, dataroomComponents } from "./menu"; export async function NavigationBar() { const client = createSupabaseClient(); @@ -59,30 +36,6 @@ export async function NavigationBar() { notification_count = 0; } - const businessComponents = [ - { - title: "Business", - href: "/business/apply", - description: "Apply to raise on on B2DVentures", - }, - ]; - - const projectComponents = [ - { - title: "Projects", - href: "/project/apply", - description: "Start your new project on B2DVentures", - }, - ]; - - const dataroomComponents = [ - { - title: "Overview", - href: "/dataroom/overview", - description: "View all dataroom available to you", - }, - ]; - return (
    -
    - +
    +
    + {userId ? ( + + ) : ( + + )} +
    +
    + +
    +
    From 46abff402dbca41bf63df6328de88405a17cae2b Mon Sep 17 00:00:00 2001 From: THIS ONE IS A LITTLE BIT TRICKY KRUB Date: Mon, 18 Nov 2024 15:19:03 +0700 Subject: [PATCH 03/11] feat: enhance mobile menu with theme toggle and improve layout for better usability --- src/components/navigationBar/mobileMenu.tsx | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/src/components/navigationBar/mobileMenu.tsx b/src/components/navigationBar/mobileMenu.tsx index 60e2e41..e88bf71 100644 --- a/src/components/navigationBar/mobileMenu.tsx +++ b/src/components/navigationBar/mobileMenu.tsx @@ -15,6 +15,7 @@ import React from "react"; import { SearchBar } from "./serchBar"; import ListItem from "../listItem"; import { businessComponents, projectComponents, dataroomComponents } from "./menu"; +import { ThemeToggle } from "../theme-toggle"; export function MobileMenu() { const [isVisible, setIsVisible] = useState(false); @@ -29,11 +30,11 @@ export function MobileMenu() { animate={{ x: 0 }} exit={{ x: "-100%" }} transition={{ duration: 0.3 }} - className="fixed top-0 left-0 w-full bg-gray-800 text-white flex" + className="fixed top-0 left-0 w-full bg-blue-500 flex items-center" > - setIsVisible(false)} /> + setIsVisible(false)} /> - + Businesses @@ -45,7 +46,7 @@ export function MobileMenu() { - Projects + Projects
      {projectComponents.map((component) => ( @@ -57,7 +58,7 @@ export function MobileMenu() { - Dataroom + Dataroom
        {dataroomComponents.map((component) => ( @@ -69,7 +70,8 @@ export function MobileMenu() { - + + From ea850bc9b952bbe1b34d4c2ee8c1416178cc7bf2 Mon Sep 17 00:00:00 2001 From: THIS ONE IS A LITTLE BIT TRICKY KRUB Date: Mon, 18 Nov 2024 15:30:02 +0700 Subject: [PATCH 04/11] feat: enhance mobile menu and search bar with improved animations and accessibility features --- src/components/navigationBar/mobileMenu.tsx | 127 +++++++++++--------- src/components/navigationBar/serchBar.tsx | 96 ++++++++++++--- 2 files changed, 154 insertions(+), 69 deletions(-) diff --git a/src/components/navigationBar/mobileMenu.tsx b/src/components/navigationBar/mobileMenu.tsx index e88bf71..30a03e9 100644 --- a/src/components/navigationBar/mobileMenu.tsx +++ b/src/components/navigationBar/mobileMenu.tsx @@ -2,7 +2,7 @@ import { useState } from "react"; import { Menu, X } from "lucide-react"; import { Button } from "../ui/button"; -import { motion } from "framer-motion"; +import { AnimatePresence, motion } from "framer-motion"; import { NavigationMenu, NavigationMenuContent, @@ -24,60 +24,79 @@ export function MobileMenu() { - {isVisible && ( - - setIsVisible(false)} /> - - - - Businesses - - {businessComponents.map((component) => ( - - {component.description} - - ))} - - - - Projects - -
          - {projectComponents.map((component) => ( - - {component.description} - - ))} -
        -         -         - - Dataroom - -
          - {dataroomComponents.map((component) => ( - - {component.description} - - ))} -
        -         -         + + {isVisible && ( + +
        +
        +
        + - - - - - - - - )} + + + + Businesses + +
          + {businessComponents.map((component) => ( + + {component.description} + + ))} +
        +         +         + + + Projects + +
          + {projectComponents.map((component) => ( + + {component.description} + + ))} +
        +         +         + + + Dataroom + +
          + {dataroomComponents.map((component) => ( + + {component.description} + + ))} +
        +         +         +         +         +
        + +
        +
        + +
        +
        +
        +
        +         + )} +
    ); } diff --git a/src/components/navigationBar/serchBar.tsx b/src/components/navigationBar/serchBar.tsx index 026e52b..00dd390 100644 --- a/src/components/navigationBar/serchBar.tsx +++ b/src/components/navigationBar/serchBar.tsx @@ -2,34 +2,100 @@ import * as React from "react"; import { useRouter } from "next/navigation"; -import { Search } from "lucide-react"; +import { Search, X } from "lucide-react"; import { cn } from "@/lib/utils"; +import { useEffect, useRef } from "react"; export function SearchBar() { const [searchActive, setSearchActive] = React.useState(false); + const [query, setQuery] = React.useState(""); const router = useRouter(); + const inputRef = useRef(null); + const containerRef = useRef(null); const handleKeyDown = async (e: React.KeyboardEvent) => { if (e.key === "Enter") { - const query = (e.target as HTMLInputElement).value.trim(); - if (query) { - router.push(`/find?query=${encodeURIComponent(query)}`); + const trimmedQuery = query.trim(); + if (trimmedQuery) { + router.push(`/find?query=${encodeURIComponent(trimmedQuery)}`); + setSearchActive(false); + setQuery(""); } + } else if (e.key === "Escape") { + setSearchActive(false); + setQuery(""); } }; + // Handle clicks outside of search bar + useEffect(() => { + const handleClickOutside = (event: MouseEvent) => { + if (containerRef.current && !containerRef.current.contains(event.target as Node)) { + setSearchActive(false); + } + }; + + document.addEventListener("mousedown", handleClickOutside); + return () => document.removeEventListener("mousedown", handleClickOutside); + }, []); + + // Focus input when search becomes active + useEffect(() => { + if (searchActive && inputRef.current) { + inputRef.current.focus(); + } + }, [searchActive]); + return ( -
    - setSearchActive(!searchActive)} className="cursor-pointer" /> - +
    + {/* Mobile overlay header when search is active */} + {searchActive && ( +
    + { + setSearchActive(false); + setQuery(""); + }} + /> +
    + )} + +
    + setSearchActive(!searchActive)} + className={cn( + "w-5 h-5 cursor-pointer transition-colors", + searchActive ? "text-blue-500" : "text-slate-600 dark:text-slate-400", + "md:hover:text-blue-500" + )} + /> + + setQuery(e.target.value)} + placeholder="Enter business name..." + className={cn( + "ml-2 rounded-md transition-all duration-300 ease-in-out outline-none", + "placeholder:text-slate-400 dark:placeholder:text-slate-500", + "bg-transparent md:bg-slate-100 md:dark:bg-slate-800", + "md:px-3 md:py-1.5", + searchActive + ? "w-full opacity-100 border-b md:border md:w-48 lg:w-64 md:border-slate-200 md:dark:border-slate-700" + : "w-0 opacity-0 border-transparent" + )} + onKeyDown={handleKeyDown} + /> +
    ); } From 5f8e5231283123664ad7faa381c4aad77391eccb Mon Sep 17 00:00:00 2001 From: THIS ONE IS A LITTLE BIT TRICKY KRUB Date: Mon, 18 Nov 2024 15:40:48 +0700 Subject: [PATCH 05/11] feat: improve mobile menu layout and enhance search bar styling for better usability --- src/components/dataTable.tsx | 2 +- src/components/navigationBar/mobileMenu.tsx | 11 ++++++----- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/src/components/dataTable.tsx b/src/components/dataTable.tsx index 8385d7e..7b51d34 100644 --- a/src/components/dataTable.tsx +++ b/src/components/dataTable.tsx @@ -209,7 +209,7 @@ export function DataTable({ data }: { data: ModalProps[] }) { placeholder="Filter names..." value={(table.getColumn("name")?.getFilterValue() as string) ?? ""} onChange={(event) => table.getColumn("name")?.setFilterValue(event.target.value)} - className="max-w-sm" + className="md:max-w-sm max-w-xs" /> diff --git a/src/components/navigationBar/mobileMenu.tsx b/src/components/navigationBar/mobileMenu.tsx index 30a03e9..537000a 100644 --- a/src/components/navigationBar/mobileMenu.tsx +++ b/src/components/navigationBar/mobileMenu.tsx @@ -43,8 +43,8 @@ export function MobileMenu() { - - + + Businesses @@ -87,9 +87,10 @@ export function MobileMenu() {
    -
    -
    - +
    + +
    +
    From 1c022f93efe2ab9b0cc529525ee764936c12cb25 Mon Sep 17 00:00:00 2001 From: THIS ONE IS A LITTLE BIT TRICKY KRUB Date: Mon, 18 Nov 2024 22:00:38 +0700 Subject: [PATCH 06/11] feat: enhance mobile navigation layout with improved item alignment --- src/components/navigationBar/nav.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/navigationBar/nav.tsx b/src/components/navigationBar/nav.tsx index 8771a23..da49f4f 100644 --- a/src/components/navigationBar/nav.tsx +++ b/src/components/navigationBar/nav.tsx @@ -54,7 +54,7 @@ export async function NavigationBar() {
    -
    +
    {userId ? ( Date: Mon, 18 Nov 2024 22:45:12 +0700 Subject: [PATCH 07/11] feat: update ProjectCardSection layout for better responsiveness on smaller screens --- src/app/calendar/manage/ProjectCardSection.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/calendar/manage/ProjectCardSection.tsx b/src/app/calendar/manage/ProjectCardSection.tsx index 38b7f7f..09cdf01 100644 --- a/src/app/calendar/manage/ProjectCardSection.tsx +++ b/src/app/calendar/manage/ProjectCardSection.tsx @@ -27,7 +27,7 @@ export default function ProjectCardCalendarManageSection({ projectData }: Projec const [currentProjectId, setCurrentProjectId] = useState(undefined); return ( -
    +
    {projectData != null ? ( projectData.map((project) => ( From f775ac01bcc3b0412c1f5b546dc07572f895fe26 Mon Sep 17 00:00:00 2001 From: THIS ONE IS A LITTLE BIT TRICKY KRUB Date: Mon, 18 Nov 2024 23:01:07 +0700 Subject: [PATCH 08/11] feat: redesign About page with updated headings and improved layout for better engagement --- src/app/about/page.tsx | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 502b0cc..907c04b 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -40,9 +40,15 @@ export default function About() { return (
    -

    About us

    - -
    +
    +

    Invest with the best

    +

    + B2DVentures Curates private investing opportunities with high-growth potential +

    +

    Across startups, gaming, real estate.

    +
    + + {/*

    Welcome to B2D Ventures! We're a dynamic platform committed to bridging the gap between visionary entrepreneurs and passionate investors. Our mission is to empower innovation by connecting groundbreaking @@ -56,15 +62,15 @@ export default function About() { lasting impact.

    Let's build the future, together.

    -
    +
    */} -
    + {/*

    Our Team

    -
    +
    */} {/* Card Section */} -
    + {/*
    {cardData.map((card, index) => (
    {card.name} @@ -74,7 +80,7 @@ export default function About() {
    ))} -
    +
    */}
    ); } From ee8c5ecc1f65c4fefe9807b2aabd43a4dccd8e94 Mon Sep 17 00:00:00 2001 From: THIS ONE IS A LITTLE BIT TRICKY KRUB Date: Tue, 19 Nov 2024 21:06:30 +0700 Subject: [PATCH 09/11] feat: enhance About page with new content, layout improvements, and add InfoCard component --- next.config.mjs | 6 +++++- src/app/about/infoCard.tsx | 31 ++++++++++++++++++++++++++++ src/app/about/page.tsx | 38 ++++++++++++++++++++++++++++++++--- src/components/siteFooter.tsx | 7 ++----- 4 files changed, 73 insertions(+), 9 deletions(-) create mode 100644 src/app/about/infoCard.tsx diff --git a/next.config.mjs b/next.config.mjs index ff1f0fe..6a3a214 100644 --- a/next.config.mjs +++ b/next.config.mjs @@ -26,8 +26,12 @@ const nextConfig = { hostname: "avatars.githubusercontent.com", pathname: "/**", }, + { + protocol: "https", + hostname: "assets.republic.com", + pathname: "/**", + }, ], }, }; - export default nextConfig; diff --git a/src/app/about/infoCard.tsx b/src/app/about/infoCard.tsx new file mode 100644 index 0000000..50acb32 --- /dev/null +++ b/src/app/about/infoCard.tsx @@ -0,0 +1,31 @@ +import { Button } from "@/components/ui/button"; +import Image from "next/image"; +import Link from "next/link"; + +type CardProps = { + imageSrc: string; + imageAlt: string; + heading: string; + content: string[]; + link: string; + buttonText: string; +}; + +const InfoCard = ({ imageSrc, imageAlt, heading, content, link, buttonText }: CardProps) => { + return ( +
    + {imageAlt} +

    {heading}

    + {content.map((text, index) => ( +

    + {text} +

    + ))} + + + +
    + ); +}; + +export default InfoCard; diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 907c04b..a442bb0 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -1,5 +1,9 @@ +"use client"; import Image from "next/image"; import { Separator } from "@/components/ui/separator"; +import { Button } from "@/components/ui/button"; +import Link from "next/link"; +import InfoCard from "./infoCard"; export default function About() { // Static data for the cards @@ -38,14 +42,42 @@ export default function About() { }, ]; + const imageData = { + img1: "https://assets.republic.com/assets/static_pages/about/growth_opportunities/individual_investors-0e85dfd02359a24ac4b232be008c7168fc57d3437a2f526f5d5889b874b20221.png", + img2: "https://assets.republic.com/assets/static_pages/about/growth_opportunities/accredited_investors-42d6aa046861adb7f0648f26ca3f798b07f3b13bf7024f7dc17c17acb78fdf2c.png", + }; + return (
    -

    Invest with the best

    +

    Growth opportunities for

    +

    all sides of the investment market

    - B2DVentures Curates private investing opportunities with high-growth potential + B2DVentures is where both accredited and non-accredited investors meet entrepreneurs and

    -

    Across startups, gaming, real estate.

    +

    + access high-growth potential deals across a range of private markets. +

    +
    +
    +
    + + +
    +
    +
    {/*
    diff --git a/src/components/siteFooter.tsx b/src/components/siteFooter.tsx index 007d663..1be4f53 100644 --- a/src/components/siteFooter.tsx +++ b/src/components/siteFooter.tsx @@ -16,15 +16,12 @@ export function SiteFooter() { Home - About Us + About Services - + Contact
    From c621257533d46f3a720dc1c5b27bb1640deaaf48 Mon Sep 17 00:00:00 2001 From: THIS ONE IS A LITTLE BIT TRICKY KRUB Date: Tue, 19 Nov 2024 21:31:55 +0700 Subject: [PATCH 10/11] feat: update About page layout with new InfoCard and improved grid structure --- src/app/about/infoCard.tsx | 2 +- src/app/about/page.tsx | 36 +++++++++++++++++++++++++++++------- 2 files changed, 30 insertions(+), 8 deletions(-) diff --git a/src/app/about/infoCard.tsx b/src/app/about/infoCard.tsx index 50acb32..32042ba 100644 --- a/src/app/about/infoCard.tsx +++ b/src/app/about/infoCard.tsx @@ -22,7 +22,7 @@ const InfoCard = ({ imageSrc, imageAlt, heading, content, link, buttonText }: Ca

    ))} - +
    ); diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index a442bb0..f88b165 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -1,8 +1,5 @@ "use client"; -import Image from "next/image"; import { Separator } from "@/components/ui/separator"; -import { Button } from "@/components/ui/button"; -import Link from "next/link"; import InfoCard from "./infoCard"; export default function About() { @@ -45,6 +42,7 @@ export default function About() { const imageData = { img1: "https://assets.republic.com/assets/static_pages/about/growth_opportunities/individual_investors-0e85dfd02359a24ac4b232be008c7168fc57d3437a2f526f5d5889b874b20221.png", img2: "https://assets.republic.com/assets/static_pages/about/growth_opportunities/accredited_investors-42d6aa046861adb7f0648f26ca3f798b07f3b13bf7024f7dc17c17acb78fdf2c.png", + img3: "https://assets.republic.com/assets/static_pages/about/growth_opportunities/entrepreneurs-a0ff450c2f3ba0cea82e2c55cd9265ad5612455c79ec831adaa2c94d09a0e617.png", }; return ( @@ -60,7 +58,7 @@ export default function About() {
    -
    +
    - -
    + +
    -
    + +
    {/*
    From 515b3e53155cc1c026064105d8dcfb038d43a75b Mon Sep 17 00:00:00 2001 From: THIS ONE IS A LITTLE BIT TRICKY KRUB Date: Tue, 19 Nov 2024 21:34:42 +0700 Subject: [PATCH 11/11] feat: improve About page headings for better readability and flow --- src/app/about/page.tsx | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index f88b165..f17f09e 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -48,14 +48,13 @@ export default function About() { return (
    -

    Growth opportunities for

    -

    all sides of the investment market

    +

    Growth opportunities for all sides

    +

    of the investment market

    - B2DVentures is where both accredited and non-accredited investors meet entrepreneurs and -

    -

    - access high-growth potential deals across a range of private markets. + B2DVentures is where both accredited and non-accredited investors meet

    +

    entrepreneurs and access high-growth potential deals across a range

    +

    of private markets.