Update src/app/page.tsx

src/app/page.tsx

@@ -4,15 +4,12 @@ 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, LineChart, ShieldCheck, Sparkles, TrendingUp, Users } from "lucide-react";
+import { Award, Zap, ShieldCheck, AirVent, CheckCircle, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,90 +29,42 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",
+        { name: "Services", id: "features" },
-          id: "about",
+        { name: "Reviews", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
-      brandName="NexCorp"
+      brandName="Brisbane Electrical"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
+      title="Expert Electrical Compliance & Maintenance"
-      }}
+      description="Professional electrical and air conditioning services for Brisbane homes and businesses. Safety-focused, reliable, and efficient."
-      title="Professional Excellence Delivered"
+      tag="Your Trusted Local Electricians"
-      description="We help companies scale with reliable, data-driven solutions built for the future. Experience unmatched quality and dedicated service."
-      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",
+        { imageSrc: "https://img.b2bpic.net/free-photo/technician-repairing-air-conditioner_23-2149129598.jpg", imageAlt: "Air conditioning service" },
-          imageAlt: "Business professional meeting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_1262-3035.jpg",
-          imageAlt: "Modern office space",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sharing-new-ideas_1098-14952.jpg",
-          imageAlt: "Sharing new ideas",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-interior-with-glass-walls_9975-135688.jpg",
-          imageAlt: "Modern Office Interior with Glass Walls",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-scene-skyline-morning-view-metropolis-concept_53876-23186.jpg",
-          imageAlt: "Urban Scene Skyline Morning View Metropolis Concept",
-        },
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
-      ratingText="Rated 5/5 by over 500+ satisfied enterprise clients"
+      ratingText="Trusted by 200+ local Brisbane customers"
-      tagIcon={Sparkles}
+      tagIcon={Zap}
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
-      useInvertedBackground={false}
+      title="Why Choose Us"
-      title="Measured by Results"
       metrics={[
-        {
+        { icon: ShieldCheck, label: "Compliance Certified", value: "100%" },
-          icon: Award,
+        { icon: Award, label: "Years Experience", value: "15+" },
-          label: "Projects Completed",
+        { icon: Users, label: "Customer Satisfaction", value: "5 Star" },
-          value: "150+",
-        },
-        {
-          icon: Users,
-          label: "Happy Clients",
-          value: "85",
-        },
-        {
-          icon: TrendingUp,
-          label: "Growth Rate",
-          value: "240%",
-        },
       ]}
       metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -125,225 +74,48 @@ 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: "Data Analytics",
+        { title: "Electrical Installations", description: "Complete wiring, lighting, and power solutions for your property.", bentoComponent: "reveal-icon", icon: Zap },
-          description: "Leverage advanced insights.",
+        { title: "Compliance Testing", description: "Mandatory safety checks and electrical compliance certification.", bentoComponent: "reveal-icon", icon: CheckCircle },
-          bentoComponent: "reveal-icon",
-          icon: LineChart,
-          imageSrc: "http://img.b2bpic.net/free-photo/unsuitable-furious-woman-gets-angry-after-getting-rejected-from-job-offer_482257-116761.jpg",
-          imageAlt: "Unsuitable furious woman gets angry after getting rejected from the job offer",
-        },
-        {
-          title: "Team Collaboration",
-          description: "Streamline complex workflows.",
-          bentoComponent: "reveal-icon",
-          icon: Users,
-          imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg",
-          imageAlt: "Unsuitable furious woman gets angry after getting rejected from the job offer",
-        },
-        {
-          title: "Security First",
-          description: "Protect your digital assets.",
-          bentoComponent: "reveal-icon",
-          icon: ShieldCheck,
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_1262-3035.jpg",
-          imageAlt: "Unsuitable furious woman gets angry after getting rejected from the job offer",
-        },
       ]}
-      title="Comprehensive Capabilities"
+      title="Our Services"
-      description="Our platform offers a suite of tools designed to optimize performance and drive consistent business results."
+      description="We offer a full range of electrical and cooling services to ensure your property remains safe and comfortable."
-    />
-  </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"
-      textboxLayout="default"
       gridVariant="uniform-all-items-equal"
+      textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Sarah M.", role: "Homeowner", company: "Brisbane North", rating: 5 },
-          id: "1",
+        { id: "2", name: "James T.", role: "Business Owner", company: "CBD Offices", rating: 5 },
-          name: "Alice Johnson",
+        { id: "3", name: "Lisa R.", role: "Property Manager", company: "Local Real Estate", rating: 5 },
-          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: "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: "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="Client Success Stories"
+      title="What Our Customers Say"
-      description="See why top industry leaders choose our platform to scale their business operations."
+      description="Read about the experiences of our satisfied Brisbane clients."
-    />
-  </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}
-      background={{
+      text="Need a quote or urgent assistance? Get in touch today."
-        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",
+        { title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Terms of Service", href: "#" }] },
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Guides",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      logoText="NexCorp"
+      logoText="Brisbane Electrical"
-      copyrightText="© 2025 | NexCorp"
+      copyrightText="© 2025 Brisbane Electrical Compliance & Maintenance"
     />
   </div>
       </ReactLenis>