Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
@@ -13,7 +13,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import { Globe, TrendingUp, Users } from "lucide-react";
+import { Globe, TrendingUp, Users, Github, Twitter, Linkedin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -34,17 +34,11 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "#pricing"},
-          id: "#pricing",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
       ]}
       brandName="PlatformOne"
     />
@@ -53,47 +47,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Run your entire business from one platform"
       description="Opensource, fully integrated modules for sales, operations, finance, and growth. Own your data. Scale without limits."
       buttons={[
         {
-          text: "Start Building Free",
+          text: "Start Building Free",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       carouselItems={[
         {
-          id: "c1",
+          id: "c1",          imageSrc: "http://img.b2bpic.net/free-photo/male-administrator-using-chroma-key-display-digital-analysis_482257-126246.jpg",          imageAlt: "Dashboard overview"},
-          imageSrc: "http://img.b2bpic.net/free-photo/male-administrator-using-chroma-key-display-digital-analysis_482257-126246.jpg",
-          imageAlt: "Dashboard overview",
-        },
         {
-          id: "c2",
+          id: "c2",          imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",          imageAlt: "Module management"},
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",
-          imageAlt: "Module management",
-        },
         {
-          id: "c3",
+          id: "c3",          imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg",          imageAlt: "Team collaboration"},
-          imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg",
-          imageAlt: "Team collaboration",
-        },
         {
-          id: "c4",
+          id: "c4",          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",          imageAlt: "Real-time growth"},
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",
-          imageAlt: "Real-time growth",
-        },
         {
-          id: "c5",
+          id: "c5",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg",          imageAlt: "Task progress"},
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg",
-          imageAlt: "Task progress",
-        },
         {
-          id: "c6",
+          id: "c6",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345423.jpg",          imageAlt: "Billing finance"},
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345423.jpg",
-          imageAlt: "Billing finance",
-        },
       ]}
     />
   </div>
@@ -103,14 +76,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Built for scalable business operations."},
-          content: "Built for scalable business operations.",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg",          alt: "About us"},
-          src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg",
-          alt: "About us",
-        },
       ]}
     />
   </div>
@@ -123,23 +91,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "CRM",
+          title: "CRM",          description: "360-degree customer insights.",          imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-right-side_187299-45688.jpg",          imageAlt: "CRM"},
-          description: "360-degree customer insights.",
-          imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-right-side_187299-45688.jpg",
-          imageAlt: "CRM",
-        },
         {
-          title: "Inventory",
+          title: "Inventory",          description: "Automated stock fulfillment.",          imageSrc: "http://img.b2bpic.net/free-photo/save-front-side-with-white-background_187299-39944.jpg",          imageAlt: "Inventory"},
-          description: "Automated stock fulfillment.",
-          imageSrc: "http://img.b2bpic.net/free-photo/save-front-side-with-white-background_187299-39944.jpg",
-          imageAlt: "Inventory",
-        },
         {
-          title: "Billing",
+          title: "Billing",          description: "Integrated accounting modules.",          imageSrc: "http://img.b2bpic.net/free-vector/flat-icons-set-web-project-plan-interface-design-marketing-research_126523-1105.jpg",          imageAlt: "Billing"},
-          description: "Integrated accounting modules.",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-icons-set-web-project-plan-interface-design-marketing-research_126523-1105.jpg",
-          imageAlt: "Billing",
-        },
       ]}
       title="A smarter way to manage operations"
       description="Break down data silos with seamless integration across all business functions."
@@ -154,47 +110,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "CRM Module",          price: "Included",          variant: "Sales",          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038415.jpg"},
-          name: "CRM Module",
-          price: "Included",
-          variant: "Sales",
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038415.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Inventory Management",          price: "Included",          variant: "Ops",          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-holds-tablet-with-copy-space-screen-leveraging-dashboards_482257-126587.jpg"},
-          name: "Inventory Management",
-          price: "Included",
-          variant: "Ops",
-          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-holds-tablet-with-copy-space-screen-leveraging-dashboards_482257-126587.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Accounting/Billing",          price: "Included",          variant: "Finance",          imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-86.jpg"},
-          name: "Accounting/Billing",
-          price: "Included",
-          variant: "Finance",
-          imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-86.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "HR Management",          price: "Included",          variant: "Staff",          imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg"},
-          name: "HR Management",
-          price: "Included",
-          variant: "Staff",
-          imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "POS System",          price: "Included",          variant: "Retail",          imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-store-order-concept_53876-120068.jpg"},
-          name: "POS System",
-          price: "Included",
-          variant: "Retail",
-          imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-store-order-concept_53876-120068.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Marketing Automation",          price: "Included",          variant: "Growth",          imageSrc: "http://img.b2bpic.net/free-vector/screen-marketing-automation-background_23-2148007434.jpg"},
-          name: "Marketing Automation",
-          price: "Included",
-          variant: "Growth",
-          imageSrc: "http://img.b2bpic.net/free-vector/screen-marketing-automation-background_23-2148007434.jpg",
-        },
       ]}
       title="Comprehensive Business Modules"
       description="Everything your company needs to operate at peak efficiency."
@@ -208,36 +134,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "free",
+          id: "free",          name: "Starter",          price: "$0",          features: [
-          name: "Starter",
+            "Core Modules",            "10 Users",            "Community Support"],
-          price: "$0",
-          features: [
-            "Core Modules",
-            "10 Users",
-            "Community Support",
-          ],
           buttons: [
             {
-              text: "Get Started",
+              text: "Get Started",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          id: "pro",
+          id: "pro",          name: "Enterprise",          price: "Contact Us",          features: [
-          name: "Enterprise",
+            "All Modules",            "Unlimited Users",            "Priority Support",            "Custom API"],
-          price: "Contact Us",
-          features: [
-            "All Modules",
-            "Unlimited Users",
-            "Priority Support",
-            "Custom API",
-          ],
           buttons: [
             {
-              text: "Book Demo",
+              text: "Book Demo",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
@@ -253,23 +162,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Users,
-          icon: Users,
+          title: "Active Users",          value: "10k+"},
-          title: "Active Users",
-          value: "10k+",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: TrendingUp,
-          icon: TrendingUp,
+          title: "Efficiency Gain",          value: "40%"},
-          title: "Efficiency Gain",
-          value: "40%",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: Globe,
-          icon: Globe,
+          title: "Countries Served",          value: "50+"},
-          title: "Countries Served",
-          value: "50+",
-        },
       ]}
       title="Proven performance metrics"
       description="Driving tangible results for our users."
@@ -281,14 +181,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "InnovateTech",
+        "InnovateTech",        "GrowthInc",        "GlobalOps",        "NextGenSaaS",        "CoreSystems",        "PrimeSolutions",        "FutureReady"]}
-        "GrowthInc",
-        "GlobalOps",
-        "NextGenSaaS",
-        "CoreSystems",
-        "PrimeSolutions",
-        "FutureReady",
-      ]}
       title="Trusted by global brands"
       description="Leading companies choose our unified platform."
     />
@@ -300,20 +193,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Is it truly open source?",          content: "Yes, our core platform is fully open source."},
-          title: "Is it truly open source?",
-          content: "Yes, our core platform is fully open source.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Does it integrate with other tools?",          content: "We offer extensive APIs to integrate seamlessly."},
-          title: "Does it integrate with other tools?",
-          content: "We offer extensive APIs to integrate seamlessly.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Is data ownership guaranteed?",          content: "You own your data, with full export capabilities."},
-          title: "Is data ownership guaranteed?",
-          content: "You own your data, with full export capabilities.",
-        },
       ]}
       title="Frequently asked questions"
       description="Get answers about our features and pricing."
@@ -325,63 +209,24 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       text="Ready to unify your business operations?"
       buttons={[
         {
-          text: "Start Building Free",
+          text: "Start Building Free",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterCard
-      columns={[
+      logoText="PlatformOne"
-        {
+      copyrightText="© 2024 PlatformOne. All rights reserved."
-          title: "Product",
+      socialLinks={[
-          items: [
+        { icon: Github, href: "#", ariaLabel: "GitHub" },
-            {
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-              label: "Features",
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      bottomLeftText="© 2024 PlatformOne. All rights reserved."
-      bottomRightText="Built for scale."
     />
   </div>
       </ReactLenis>