Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -4,12 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactText from '@/components/sections/contact/ContactText';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Zap, ShieldCheck, AirVent, CheckCircle, Users } from "lucide-react";
+import { Award, LineChart, ShieldCheck, Sparkles, TrendingUp, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,41 +33,42 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         { name: "About", id: "about" },
-        { name: "Services", id: "features" },
+        { name: "Features", id: "features" },
-        { name: "Reviews", id: "testimonials" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Pricing", id: "pricing" },
         { name: "Contact", id: "contact" },
       ]}
-      brandName="Brisbane Electrical"
+      brandName="NexCorp"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{ variant: "sparkles-gradient" }}
-      title="Expert Electrical Compliance & Maintenance"
+      title="Professional Excellence Delivered"
-      description="Professional electrical and air conditioning services for Brisbane homes and businesses. Safety-focused, reliable, and efficient."
+      description="We help companies scale with reliable, data-driven solutions built for the future. Experience unmatched quality and dedicated service."
-      tag="Your Trusted Local Electricians"
+      tag="Trusted Enterprise Solutions"
       mediaItems={[
-        { imageSrc: "https://img.b2bpic.net/free-photo/electrician-working-service-box_23-2148866164.jpg", imageAlt: "Electrical maintenance" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg", imageAlt: "Business professional meeting" },
-        { imageSrc: "https://img.b2bpic.net/free-photo/technician-repairing-air-conditioner_23-2149129598.jpg", imageAlt: "Air conditioning service" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_1262-3035.jpg", imageAlt: "Modern office space" }
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
-      ratingText="Trusted by 200+ local Brisbane customers"
+      ratingText="Rated 5/5 by over 500+ satisfied enterprise clients"
-      tagIcon={Zap}
+      tagIcon={Sparkles}
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
-      title="Why Choose Us"
+      useInvertedBackground={false}
+      title="Measured by Results"
       metrics={[
-        { icon: ShieldCheck, label: "Compliance Certified", value: "100%" },
+        { icon: Award, label: "Projects Completed", value: "150+" },
-        { icon: Award, label: "Years Experience", value: "15+" },
+        { icon: Users, label: "Happy Clients", value: "85" },
-        { icon: Users, label: "Customer Satisfaction", value: "5 Star" },
+        { icon: TrendingUp, label: "Growth Rate", value: "240%" },
       ]}
       metricsAnimation="slide-up"
-      useInvertedBackground={false}
     />
   </div>
 
@@ -74,48 +78,97 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { title: "Air Conditioning", description: "Installation, servicing, and repairs for all major brands.", bentoComponent: "reveal-icon", icon: AirVent },
+        {
-        { title: "Electrical Installations", description: "Complete wiring, lighting, and power solutions for your property.", bentoComponent: "reveal-icon", icon: Zap },
+          title: "Data Analytics",          description: "Leverage advanced insights.",          bentoComponent: "reveal-icon",          icon: LineChart
-        { title: "Compliance Testing", description: "Mandatory safety checks and electrical compliance certification.", bentoComponent: "reveal-icon", icon: CheckCircle },
+        },
+        {
+          title: "Team Collaboration",          description: "Streamline complex workflows.",          bentoComponent: "reveal-icon",          icon: Users
+        },
+        {
+          title: "Security First",          description: "Protect your digital assets.",          bentoComponent: "reveal-icon",          icon: ShieldCheck
+        },
       ]}
-      title="Our Services"
+      title="Comprehensive Capabilities"
-      description="We offer a full range of electrical and cooling services to ensure your property remains safe and comfortable."
+      description="Our platform offers a suite of tools designed to optimize performance and drive consistent business results."
+    />
+  </div>
+
+  <div id="social-proof" data-section="social-proof">
+      <SocialProofOne
+      textboxLayout="default"
+      useInvertedBackground={false}
+      names={[
+        "Microsoft", "Google", "Apple", "Amazon", "Tesla", "Adobe", "Salesforce"
+      ]}
+      title="Trusted by Leaders"
+      description="Partnering with industry pioneers to deliver excellence."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
       animationType="slide-up"
-      gridVariant="uniform-all-items-equal"
       textboxLayout="default"
+      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "Sarah M.", role: "Homeowner", company: "Brisbane North", rating: 5 },
+        { id: "1", name: "Alice Johnson", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
-        { id: "2", name: "James T.", role: "Business Owner", company: "CBD Offices", rating: 5 },
+        { id: "2", name: "Mark Stevens", role: "CTO", company: "Global Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-80.jpg" },
-        { id: "3", name: "Lisa R.", role: "Property Manager", company: "Local Real Estate", rating: 5 },
+        { id: "3", name: "Emily Chen", role: "Manager", company: "Innovate Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
+        { id: "4", name: "David Miller", role: "Founder", company: "Startup Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg" },
+        { id: "5", name: "Sarah Lee", role: "Director", company: "Growth Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
       ]}
-      title="What Our Customers Say"
+      title="Client Success Stories"
-      description="Read about the experiences of our satisfied Brisbane clients."
+      description="See why top industry leaders choose our platform to scale their business operations."
+    />
+  </div>
+
+  <div id="pricing" data-section="pricing">
+      <PricingCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      plans={[
+        { id: "starter", badge: "Core", price: "$99", subtitle: "For small teams", features: ["Feature A", "Standard Support"] },
+        { id: "pro", badge: "Pro", price: "$299", subtitle: "For growing businesses", features: ["Feature A & B", "Priority Support", "Analytics"] },
+        { id: "enterprise", badge: "Elite", price: "$799", subtitle: "For large scale", features: ["All Features", "Dedicated Manager", "24/7 Access"] },
+      ]}
+      title="Flexible Pricing Options"
+      description="Choose the perfect plan to accelerate your growth."
+    />
+  </div>
+
+  <div id="faq" data-section="faq">
+      <FaqSplitText
+      useInvertedBackground={false}
+      faqs={[
+        { id: "f1", title: "How do we get started?", content: "Book a discovery call today." },
+        { id: "f2", title: "Do you offer support?", content: "Yes, our team is available 24/7." },
+        { id: "f3", title: "Is there a contract?", content: "We offer flexible monthly and annual options." },
+      ]}
+      sideTitle="Common Questions"
+      faqsAnimation="slide-up"
+      sideDescription="Everything you need to know about our services and process."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
-      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      text="Need a quote or urgent assistance? Get in touch today."
+      background={{ variant: "plain" }}
-      buttons={[{ text: "Call Us Now", href: "tel:0700000000" }, { text: "Email Us", href: "mailto:info@brisbaneelectrical.com" }]}
+      text="Ready to elevate your business? Let's connect."
+      buttons={[{ text: "Contact Us", href: "/contact" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        { title: "Services", items: [{ label: "Air Conditioning", href: "#" }, { label: "Electrical Installations", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
-        { title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Terms of Service", href: "#" }] },
+        { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Guides", href: "#" }] },
       ]}
-      logoText="Brisbane Electrical"
+      logoText="NexCorp"
-      copyrightText="© 2025 Brisbane Electrical Compliance & Maintenance"
+      copyrightText="© 2025 | NexCorp"
     />
   </div>
       </ReactLenis>