Update src/app/page.tsx

Update src/app/layout.tsx
2026-03-03 06:33:51 +00:00 · 2026-03-03 06:32:46 +00:00 · 2026-03-03 06:32:45 +00:00
2 changed files with 131 additions and 8 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,13 +1,13 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
+import { Poppins } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
+const poppins = Poppins({
+  variable: "--font-poppins",  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 const inter = Inter({
@@ -44,7 +44,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${halant.variable} ${inter.variable} antialiased`}
+          className={`${poppins.variable} ${inter.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,6 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TextAbout from '@/components/sections/about/TextAbout';
+import { ArrowRight, Zap, Lock, TrendingUp, Users, Award } from 'lucide-react';

 export default function LandingPage() {
  return (
@@ -24,8 +30,9 @@ export default function LandingPage() {
          brandName="FinanTech"
          navItems={[
            { name: "Home", id: "hero" },
-            { name: "About", id: "about" },
-            { name: "Features", id: "features" }
+            { name: "How It Works", id: "how-it-works" },
+            { name: "Features", id: "features" },
+            { name: "Projects", id: "projects" }
          ]}
          button={{
            text: "Get Started",            href: "#"
@@ -45,7 +52,7 @@ export default function LandingPage() {
          ]}
          slides={[
            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/abstract-3d-gradient-sphere-with-neon-pu-1772518823262-e21370ad.png",              imageAlt: "Gradient sphere glow background"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=1",              imageAlt: "Investment platform hero image"
            }
          ]}
          autoplayDelay={5000}
@@ -61,6 +68,122 @@ export default function LandingPage() {
        />
      </div>

+      <div id="how-it-works" data-section="how-it-works">
+        <MetricCardSeven
+          metrics={[
+            {
+              id: "1",              value: "1",              title: "Create Your Account",              items: ["Sign up as investor or entrepreneur", "Verify your identity", "Complete your profile"]
+            },
+            {
+              id: "2",              value: "2",              title: "Browse Investment Opportunities",              items: ["Explore vetted projects", "Review business plans", "Analyze financial metrics"]
+            },
+            {
+              id: "3",              value: "3",              title: "Make Smart Investments",              items: ["Invest securely", "Track returns in real-time", "Manage your portfolio"]
+            }
+          ]}
+          title="How It Works"
+          description="Get started with FinanTech in three simple steps"
+          tag="Process"
+          tagIcon={ArrowRight}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardTwentyFour
+          features={[
+            {
+              id: "1",              title: "Bank-Level Security",              author: "Enterprise Security",              description: "Your investments are protected with industry-leading encryption and compliance standards.",              tags: ["Security", "Compliance"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=1"
+            },
+            {
+              id: "2",              title: "Real-Time Analytics",              author: "Data Intelligence",              description: "Monitor your portfolio performance with comprehensive dashboards and detailed insights.",              tags: ["Analytics", "Reporting"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=2"
+            }
+          ]}
+          title="Premium Features"
+          description="Everything you need for successful investing"
+          tag="Features"
+          tagIcon={Zap}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="projects" data-section="projects">
+        <ProductCardFour
+          products={[
+            {
+              id: "1",              name: "TechStart AI",              price: "$50K - $500K",              variant: "Series A Funding",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=3",              imageAlt: "TechStart AI Project",              isFavorited: false
+            },
+            {
+              id: "2",              name: "GreenEnergy Solutions",              price: "$100K - $1M",              variant: "Growth Stage Funding",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=2",              imageAlt: "GreenEnergy Solutions Project",              isFavorited: false
+            },
+            {
+              id: "3",              name: "FinanceFlow",              price: "$75K - $750K",              variant: "Series B Funding",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=4",              imageAlt: "FinanceFlow Project",              isFavorited: false
+            },
+            {
+              id: "4",              name: "HealthTech Innovations",              price: "$200K - $2M",              variant: "Growth Stage Funding",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=3",              imageAlt: "HealthTech Innovations Project",              isFavorited: false
+            }
+          ]}
+          title="Investment Opportunities"
+          description="Explore vetted projects ready for investment"
+          tag="Available Now"
+          tagIcon={TrendingUp}
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="trust" data-section="trust">
+        <TestimonialCardSixteen
+          testimonials={[
+            {
+              id: "1",              name: "Sarah Johnson",              role: "Founder",              company: "TechStart AI",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=5",              imageAlt: "Sarah Johnson"
+            },
+            {
+              id: "2",              name: "Michael Chen",              role: "Investor",              company: "Venture Capital",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=4",              imageAlt: "Michael Chen"
+            },
+            {
+              id: "3",              name: "Emma Davis",              role: "CEO",              company: "GreenEnergy Solutions",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=6",              imageAlt: "Emma Davis"
+            }
+          ]}
+          kpiItems={[
+            { value: "$500M+", label: "Capital Deployed" },
+            { value: "98%", label: "Success Rate" },
+            { value: "15K+", label: "Active Users" }
+          ]}
+          title="What Our Users Say"
+          description="Join thousands of satisfied investors and entrepreneurs"
+          tag="Testimonials"
+          tagIcon={Users}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <TextAbout
+          tag="Ready to Invest?"
+          tagIcon={Award}
+          title="Start Building Your Investment Portfolio Today"
+          buttons={[
+            { text: "Create Account", href: "#" },
+            { text: "Schedule Demo", href: "#" }
+          ]}
+          useInvertedBackground={false}
+        />
+      </div>
+
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="FinanTech"
Author	SHA1	Message	Date
bender	0a1ed19c46	Update src/app/page.tsx	2026-03-03 06:33:51 +00:00
bender	6cf56441b6	Update src/app/page.tsx	2026-03-03 06:32:46 +00:00
bender	eed6e932b7	Update src/app/layout.tsx	2026-03-03 06:32:45 +00:00