Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import { Award, Shield, Zap } from "lucide-react";
+import { Award, Shield, Zap, Mail, Phone, MapPin, Twitter, Linkedin, Github } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="ModernBrand"
     />
@@ -55,92 +47,51 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Next Generation Business Solutions"
       description="Empowering your business with high-performance software tailored to your specific needs. Experience efficiency like never before."
       testimonials={[
         {
-          name: "John Doe",
+          name: "John Doe",          handle: "@johndoe",          testimonial: "This platform transformed our business operations entirely.",          rating: 5,
-          handle: "@johndoe",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
-          testimonial: "This platform transformed our business operations entirely.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-        },
         {
-          name: "Jane Smith",
+          name: "Jane Smith",          handle: "@janesmith",          testimonial: "Seamless integration and top-tier customer support. Excellent.",          rating: 5,
-          handle: "@janesmith",
+          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
-          testimonial: "Seamless integration and top-tier customer support. Excellent.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
-        },
         {
-          name: "Alex Johnson",
+          name: "Alex Johnson",          handle: "@alexj",          testimonial: "Exceeded expectations in every metric. The ROI is incredible.",          rating: 5,
-          handle: "@alexj",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg?_wi=1"},
-          testimonial: "Exceeded expectations in every metric. The ROI is incredible.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg?_wi=1",
-        },
         {
-          name: "Sarah Miller",
+          name: "Sarah Miller",          handle: "@smiller",          testimonial: "Intuitive, reliable, and incredibly fast. Exactly what we needed.",          rating: 5,
-          handle: "@smiller",
+          imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12786.jpg"},
-          testimonial: "Intuitive, reliable, and incredibly fast. Exactly what we needed.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12786.jpg",
-        },
         {
-          name: "Mark Wilson",
+          name: "Mark Wilson",          handle: "@markw",          testimonial: "A game changer for our daily workflow. Highly recommended.",          rating: 5,
-          handle: "@markw",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg?_wi=2"},
-          testimonial: "A game changer for our daily workflow. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg?_wi=2",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",          alt: "User 1"},
-          alt: "User 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
+          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",          alt: "User 2"},
-          alt: "User 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
+          src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",          alt: "User 3"},
-          alt: "User 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12786.jpg",
+          src: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12786.jpg",          alt: "User 4"},
-          alt: "User 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",          alt: "User 5"},
-          alt: "User 5",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Innovative Technology"},
-          text: "Innovative Technology",
-        },
         {
-          type: "text",
+          type: "text",          text: "Global Scale"},
-          text: "Global Scale",
-        },
         {
-          type: "text",
+          type: "text",          text: "Data Driven"},
-          text: "Data Driven",
-        },
         {
-          type: "text",
+          type: "text",          text: "Cloud Ready"},
-          text: "Cloud Ready",
-        },
         {
-          type: "text",
+          type: "text",          text: "Secure Infrastructure"},
-          text: "Secure Infrastructure",
-        },
       ]}
     />
   </div>
@@ -152,19 +103,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Zap,
-          label: "Time Saved",
+          label: "Time Saved",          value: "40%"},
-          value: "40%",
-        },
         {
           icon: Shield,
-          label: "Security Uptime",
+          label: "Security Uptime",          value: "99.9%"},
-          value: "99.9%",
-        },
         {
           icon: Award,
-          label: "Client Success",
+          label: "Client Success",          value: "500+"},
-          value: "500+",
-        },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -177,34 +122,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          label: "Cloud Integration",          title: "Scalable Infrastructure",          items: [
-          label: "Cloud Integration",
+            "Auto-scaling servers",            "Real-time sync",            "Multi-region support"],
-          title: "Scalable Infrastructure",
-          items: [
-            "Auto-scaling servers",
-            "Real-time sync",
-            "Multi-region support",
-          ],
         },
         {
-          id: "f2",
+          id: "f2",          label: "Data Analytics",          title: "Predictive Insights",          items: [
-          label: "Data Analytics",
+            "Advanced reporting",            "AI-driven forecasts",            "Custom dashboards"],
-          title: "Predictive Insights",
-          items: [
-            "Advanced reporting",
-            "AI-driven forecasts",
-            "Custom dashboards",
-          ],
         },
         {
-          id: "f3",
+          id: "f3",          label: "Secure Access",          title: "Zero-Trust Security",          items: [
-          label: "Secure Access",
+            "Enterprise MFA",            "Role-based access",            "Encrypted storage"],
-          title: "Zero-Trust Security",
-          items: [
-            "Enterprise MFA",
-            "Role-based access",
-            "Encrypted storage",
-          ],
         },
       ]}
       title="Advanced Features for Growth"
@@ -220,47 +147,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Enterprise Core",          price: "$199/mo",          variant: "SaaS",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=1"},
-          name: "Enterprise Core",
-          price: "$199/mo",
-          variant: "SaaS",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=1",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Analytics Pro",          price: "$299/mo",          variant: "Analytics",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=2"},
-          name: "Analytics Pro",
-          price: "$299/mo",
-          variant: "Analytics",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=2",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "DevSecOps Suite",          price: "$399/mo",          variant: "Security",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=3"},
-          name: "DevSecOps Suite",
-          price: "$399/mo",
-          variant: "Security",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=3",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Cloud Hub",          price: "$499/mo",          variant: "Infra",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=4"},
-          name: "Cloud Hub",
-          price: "$499/mo",
-          variant: "Infra",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=4",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "CRM Sync",          price: "$149/mo",          variant: "Management",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=5"},
-          name: "CRM Sync",
-          price: "$149/mo",
-          variant: "Management",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=5",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Global Support",          price: "Custom",          variant: "Service",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=6"},
-          name: "Global Support",
-          price: "Custom",
-          variant: "Service",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=6",
-        },
       ]}
       title="Our Product Suites"
       description="Choose from our carefully crafted software packages built to address specific departmental challenges."
@@ -274,50 +171,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          title: "Starter",          price: "$49",          period: "/month",          features: [
-          title: "Starter",
+            "1 User",            "Basic analytics",            "Standard support"],
-          price: "$49",
-          period: "/month",
-          features: [
-            "1 User",
-            "Basic analytics",
-            "Standard support",
-          ],
           button: {
-            text: "Start Free Trial",
+            text: "Start Free Trial"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=7"},
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=7",
-        },
         {
-          id: "pro",
+          id: "pro",          title: "Professional",          price: "$129",          period: "/month",          features: [
-          title: "Professional",
+            "5 Users",            "Full analytics",            "Priority support"],
-          price: "$129",
-          period: "/month",
-          features: [
-            "5 Users",
-            "Full analytics",
-            "Priority support",
-          ],
           button: {
-            text: "Choose Pro",
+            text: "Choose Pro"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=8"},
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=8",
-        },
         {
-          id: "enterprise",
+          id: "enterprise",          title: "Enterprise",          price: "Contact Us",          period: "",          features: [
-          title: "Enterprise",
+            "Unlimited users",            "Custom solutions",            "24/7 Dedicated manager"],
-          price: "Contact Us",
-          period: "",
-          features: [
-            "Unlimited users",
-            "Custom solutions",
-            "24/7 Dedicated manager",
-          ],
           button: {
-            text: "Contact Sales",
+            text: "Contact Sales"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=9"},
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg?_wi=9",
-        },
       ]}
       title="Straightforward Pricing"
       description="Transparency is our promise. Choose a plan that fits your current needs and scale when ready."
@@ -325,62 +195,28 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCenter
+      tag="Contact Us"
+      title="Ready to get started?"
+      description="We would love to hear from you. Drop us a line and let's explore how we can help your business thrive."
       useInvertedBackground={false}
-      title="Get In Touch"
+      background={{ variant: "plain" }}
-      description="Have questions about our solutions? Reach out, and let's start a conversation about your business needs."
+      buttonText="Join Now"
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Work Email",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterCard
-      columns={[
+      logoText="ModernBrand"
-        {
+      copyrightText="© 2025 | ModernBrand"
-          title: "Company",
+      socialLinks={[
-          items: [
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-            {
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-              label: "About Us",
+        { icon: Github, href: "#", ariaLabel: "Github" },
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      bottomLeftText="© 2024 ModernBrand Inc."
-      bottomRightText="All Rights Reserved"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}