Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,19 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Cpu, Zap, Target, Search, BarChart3, ShieldCheck, HeartPulse, TrendingUp } from "lucide-react";
+import { TrendingUp, BarChart3, Target } from "lucide-react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 
 export default function LandingPage() {
   return (
@@ -36,8 +30,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "hero" },
         { name: "Services", id: "services" },
-        { name: "Why Us", id: "why-us" },
+        { name: "Growth", id: "metrics" },
-        { name: "Testimonials", id: "testimonials" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="BusinessGrow"
@@ -47,89 +40,71 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{ variant: "gradient-bars" }}
-      title="Smart Solutions, Online Today"
+      title="Drive Your Business Forward"
-      description="Professional, mobile-ready website templates built for growth. Customize in minutes, launch today—no coding required."
+      description="Collaborate efficiently and scale your operations with data-backed solutions. Empower your team and maximize your growth trajectory today."
-      buttons={[{ text: "Start Building", href: "#contact" }]}
+      buttons={[{ text: "Get Started Today", href: "#contact" }]}
       mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/employees-preparing-business-presentation_482257-124560.jpg", imageAlt: "professional business office meeting" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-business-meeting-office_23-2148866304.jpg", imageAlt: "Office team collaboration" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/stylish-workspace-with-female-things_23-2147778845.jpg", imageAlt: "clean office desk setup" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-modern-office_23-2149129598.jpg", imageAlt: "Team working on business strategy" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/statistic-documents-with-pensive-businessman-blurred-background_1098-290.jpg", imageAlt: "abstract corporate growth charts" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-laptop-office_23-2148154817.jpg", imageAlt: "Business growth planning" },
       ]}
       mediaAnimation="blur-reveal"
     />
   </div>
 
-  <div id="services" data-section="services">
+  <div id="metrics" data-section="metrics">
-      <FeatureCardOne
+      <MetricCardOne
-      animationType="slide-up"
+      title="Performance Metrics"
-      textboxLayout="split"
+      description="Track your business growth and optimization in real-time."
-      gridVariant="four-items-2x2-equal-grid"
+      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      features={[
-        { title: "Website Design", description: "Stunning custom designs.", imageSrc: "http://img.b2bpic.net/free-photo/people-learning-language-work-medium-shot_23-2149300732.jpg" },
-        { title: "Hosting", description: "Secure and fast servers.", imageSrc: "http://img.b2bpic.net/free-photo/business-accounting-financial-analysis-management-concept_53876-120908.jpg" },
-        { title: "Analytics", description: "Deep data insights.", imageSrc: "http://img.b2bpic.net/free-photo/technologies-near-clipboard-globe_23-2147772374.jpg" },
-        { title: "SEO", description: "Rank higher on search.", imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512195.jpg" },
-      ]}
-      title="Our Services"
-      description="Tailored solutions for your digital growth."
-    />
-  </div>
-
-  <div id="why-us" data-section="why-us">
-      <FeatureCardTen
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      features={[
+      metrics={[
-        {
+        { id: "1", value: "45%", title: "Growth Rate", description: "Annual revenue increase", icon: TrendingUp },
-          title: "Why Choose Us",          description: "Your partner in digital excellence.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-120040.jpg" },
+        { id: "2", value: "12k", title: "Active Users", description: "Global user base growth", icon: BarChart3 },
-          items: [
+        { id: "3", value: "98%", title: "Retention", description: "Customer loyalty score", icon: Target },
-             { icon: Zap, text: "Lightning speed performance" },
-             { icon: ShieldCheck, text: "Top-tier security standards" },
-             { icon: HeartPulse, text: "24/7 dedicated support" },
-             { icon: TrendingUp, text: "Data-driven growth strategies" }
-          ],
-          reverse: false
-        }
       ]}
-      title="Why Choose Us"
-      description="We combine performance, security, and support for your business."
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
+  <div id="services" data-section="services">
-      <TestimonialCardTen
+      <FeatureCardTwentyFour
-      textboxLayout="default"
+      title="Industry Solutions"
+      description="Specialized digital services crafted for your industry niche."
+      textboxLayout="split"
+      animationType="slide-up"
       useInvertedBackground={true}
-      testimonials={[
+      features={[
-        { id: "1", title: "Exceptional", quote: "They transformed our online presence in days.", name: "Sarah J.", role: "Founder" },
+        { id: "1", title: "Cloud Infrastructure", author: "Tech Team", description: "Scalable cloud solutions for modern enterprise.", tags: ["Cloud", "Infrastructure"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-with-server-room_23-2148784407.jpg" },
-        { id: "2", title: "Professional", quote: "Unmatched support and technical expertise.", name: "Mike T.", role: "CTO" },
+        { id: "2", title: "Data Analytics", author: "Insights Group", description: "Transforming raw data into actionable strategy.", tags: ["Analytics", "Data"], imageSrc: "http://img.b2bpic.net/free-photo/financial-data-charts-screen_23-2148766115.jpg" },
-        { id: "3", title: "Results-Oriented", quote: "Our analytics show a 2x increase in traffic.", name: "Elena V.", role: "Marketing Lead" },
+        { id: "3", title: "Strategic Consulting", author: "Growth Lab", description: "Expert guidance to accelerate your market presence.", tags: ["Strategy", "Consulting"], imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-modern-office_23-2148674512.jpg" },
       ]}
-      title="Loved by Leaders"
-      description="Hear from our successful clients."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
       tag="Contact"
-      title="Let's Collaborate"
+      title="Get Started Today"
-      description="Reach out to us today to discuss your next big project."
+      description="Ready to take your business to the next level? Connect with our team and let's build something great."
+      background={{ variant: "gradient-bars" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterSimple
-      logoText="BusinessGrow"
+      columns={[
-      leftLink={{ text: "Privacy", href: "#" }}
+        { title: "Product", items: [{ label: "Features" }, { label: "Solutions" }] },
-      rightLink={{ text: "Terms", href: "#" }}
+        { title: "Company", items: [{ label: "About Us" }, { label: "Contact" }] },
+        { title: "Legal", items: [{ label: "Privacy" }, { label: "Terms" }] },
+      ]}
+      bottomLeftText="© 2024 BusinessGrow. All rights reserved."
+      bottomRightText="Connect: Twitter | LinkedIn | Facebook"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}