Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,9 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Cpu, Zap, Target, Search } from "lucide-react";
+import { Cpu, Zap, Target, Search, BarChart3, ShieldCheck, HeartPulse, TrendingUp } from "lucide-react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
@@ -34,9 +35,9 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
-        { name: "Services", id: "features" },
+        { name: "Why Us", id: "why-us" },
-        { name: "Pricing", id: "pricing" },
+        { name: "Testimonials", id: "testimonials" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="BusinessGrow"
@@ -58,107 +59,66 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="about" data-section="about">
+  <div id="services" data-section="services">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Built for Your Growth"
-      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."
-      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"
+      gridVariant="four-items-2x2-equal-grid"
+      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={[
-        { 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: "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" },
-        { 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" },
+          items: [
+             { 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="Modern Digital Services"
+      title="Why Choose Us"
-      description="Expertly crafted tools designed to modernize your online footprint."
+      description="We combine performance, security, and support for your business."
-    />
-  </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: "m2", value: "98%", title: "Satisfaction", items: [] },
-        { id: "m3", value: "24h", title: "Speed", items: [] },
-      ]}
-      title="Proven Impact"
-      description="Data-backed growth metrics."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTen
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       testimonials={[
-        { 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" },
+        { id: "1", title: "Exceptional", quote: "They transformed our online presence in days.", name: "Sarah J.", role: "Founder" },
+        { id: "2", title: "Professional", quote: "Unmatched support and technical expertise.", name: "Mike T.", role: "CTO" },
+        { id: "3", title: "Results-Oriented", quote: "Our analytics show a 2x increase in traffic.", name: "Elena V.", role: "Marketing Lead" },
       ]}
       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." }]}
-      title="FAQs"
-      description="Answers to your questions."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
       background={{ variant: "gradient-bars" }}
       tag="Contact"
-      title="Ready to Start?"
+      title="Let's Collaborate"
-      description="Let's build together."
+      description="Reach out to us today to discuss your next big project."
     />
   </div>