Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,18 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Cpu, Zap, Target, Search } 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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-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 (
@@ -34,9 +29,8 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
-        { name: "Services", id: "features" },
+        { name: "Growth", id: "metrics" },
-        { name: "Pricing", id: "pricing" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="BusinessGrow"
@@ -46,127 +40,68 @@ 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="about" data-section="about">
+  <div id="metrics" data-section="metrics">
-      <MediaAbout
+      <MetricCardOne
-      useInvertedBackground={true}
+      title="Performance Metrics"
-      title="Built for Your Growth"
+      description="Track your business growth and optimization in real-time."
-      description="We empower small and mid-sized business owners to get online without the overhead. Our modular components ensure you have a premium look that adapts to your needs."
+      gridVariant="uniform-all-items-equal"
-      imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12331.jpg"
-      imageAlt="professional service provider portrait"
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardOne
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
-      features={[
-        { title: "Optimized Performance", description: "High-speed loading architecture", imageSrc: "http://img.b2bpic.net/free-photo/people-learning-language-work-medium-shot_23-2149300732.jpg", imageAlt: "performance icon" },
-        { title: "Responsive Layouts", description: "Perfect mobile experience", imageSrc: "http://img.b2bpic.net/free-photo/business-accounting-financial-analysis-management-concept_53876-120908.jpg", imageAlt: "responsive icon" },
-        { title: "Modern Tooling", description: "Latest tech stack for scale", imageSrc: "http://img.b2bpic.net/free-photo/technologies-near-clipboard-globe_23-2147772374.jpg", imageAlt: "technology icon" },
-      ]}
-      title="Modern Digital Services"
-      description="Expertly crafted tools designed to modernize your online footprint."
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="one-large-left-three-stacked-right"
-      useInvertedBackground={true}
-      products={[
-        { id: "1", name: "Consulting Strategy", price: "$199", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512195.jpg" },
-        { id: "2", name: "Cloud Architecture", price: "$499", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-120040.jpg" },
-        { id: "3", name: "Design Systems", price: "$299", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-near-stationery-keyboard-coffee-cup_23-2148128429.jpg" },
-      ]}
-      title="Core Service Modules"
-      description="Pick and choose the service pages your business needs."
-    />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        { id: "basic", title: "Starter", price: "$499", period: "/setup", features: ["1 page", "Responsive", "SEO basics"], button: { text: "Select", href: "#contact" } },
-        { id: "pro", title: "Professional", price: "$999", period: "/setup", features: ["5 pages", "Custom branding", "Speed opt"], button: { text: "Select", href: "#contact" } },
-      ]}
-      title="Launch Plans"
-      description="Simple pricing for growing businesses."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
       metrics={[
-        { id: "m1", value: "500+", title: "Templates", items: [] },
+        { id: "1", value: "45%", title: "Growth Rate", description: "Annual revenue increase", icon: TrendingUp },
-        { id: "m2", value: "98%", title: "Satisfaction", items: [] },
+        { id: "2", value: "12k", title: "Active Users", description: "Global user base growth", icon: BarChart3 },
-        { id: "m3", value: "24h", title: "Speed", items: [] },
+        { id: "3", value: "98%", title: "Retention", description: "Customer loyalty score", icon: Target },
       ]}
-      title="Proven Impact"
-      description="Data-backed growth metrics."
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
+  <div id="services" data-section="services">
-      <TestimonialCardTen
+      <FeatureCardTwentyFour
-      textboxLayout="default"
+      title="Industry Solutions"
-      useInvertedBackground={false}
+      description="Specialized digital services crafted for your industry niche."
-      testimonials={[
+      textboxLayout="split"
-        { id: "1", title: "Excellent", quote: "Saved me weeks of development time.", name: "Sarah J.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg" },
+      animationType="slide-up"
-      ]}
-      title="Loved by Leaders"
-      description="Hear from our successful clients."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
       useInvertedBackground={true}
-      faqs={[{ id: "q1", title: "Is coding required?", content: "No, it is no-code." }]}
+      features={[
-      title="FAQs"
+        { 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" },
-      description="Answers to your questions."
+        { 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" },
-      faqsAnimation="slide-up"
+        { 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" },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
       tag="Contact"
-      title="Ready to Start?"
+      title="Get Started Today"
-      description="Let's build together."
+      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>