78094bb7-4988-4b9c-bea6-7663339b2175/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Clock, ShieldCheck, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            navItems={[
              { name: "Home", id: "/" },
              { name: "Services", id: "/services" },
              { name: "About Us", id: "/about" },
              { name: "Contact Us", id: "/contact" },
            ]}
            brandName="Spark Elite"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlay
            title="Aberdeen's Trusted Electrical Experts"
            description="Professional, fully qualified electricians serving George Street and across Aberdeen. 24/7 Emergency support when you need it most."
            buttons={[{ text: "Get a Free Quote", href: "/contact" }]}
            imageSrc="http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/high-angle-smiley-business-man_23-2148479530.jpg", alt: "Customer" },
              { src: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg", alt: "Customer" },
              { src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-businessman-wearing-suit-standing-with-crossed-arms-with-isolated-studio-white-background_1150-63629.jpg", alt: "Customer" },
              { src: "http://img.b2bpic.net/free-photo/elderly-female-keeping-arms-folded-her-chest-looking-camera-with-confident-smile_1153-9402.jpg", alt: "Customer" },
              { src: "http://img.b2bpic.net/free-photo/friendly-entrepreneur-posing-modern-office_74855-3442.jpg", alt: "Customer" },
            ]}
            avatarText="Trusted by over 500+ happy Aberdeen residents"
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardTen
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            features={[
              {
                title: "Fully Qualified",                description: "All our electricians are fully licensed and insured for your peace of mind.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable-copy-space_169016-53055.jpg" },
                items: [],
                reverse: false,
              },
              {
                title: "24/7 Emergency",                description: "Rapid response for power cuts, wiring faults, or urgent electrical issues.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-fuses_169016-53614.jpg" },
                items: [],
                reverse: true,
              },
              {
                title: "Local Aberdeen Experts",                description: "Based right here on George Street, serving the community with pride.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66688.jpg" },
                items: [],
                reverse: false,
              },
            ]}
            title="Why Choose Spark Elite"
            description="We pride ourselves on reliability, quality, and local Aberdeen expertise."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardFifteen
            useInvertedBackground={false}
            testimonial="Incredible service! They fixed my wiring issue within an hour of my emergency call at midnight."
            rating={5}
            author="Sarah M., Aberdeen"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-home_23-2150170890.jpg", alt: "Sarah M." },
              { src: "http://img.b2bpic.net/free-photo/woman-holding-cup-coffee-looking-her-boyfriend_23-2148363567.jpg", alt: "John D." },
              { src: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg", alt: "Mark R." },
              { src: "http://img.b2bpic.net/free-photo/joint-decision-loving-couple_1098-15686.jpg", alt: "Lisa W." },
              { src: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338278.jpg", alt: "Tom P." },
            ]}
            ratingAnimation="slide-up"
            avatarsAnimation="slide-up"
          />
        </div>

        <div id="metric" data-section="metric">
          <MetricCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            title="Why Experience Matters"
            description="We lead the Aberdeen area in safety and satisfaction."
            metrics={[
              { id: "m1", value: "15+", title: "Years Experience", description: "Serving Aberdeen homes", icon: Wrench },
              { id: "m2", value: "24/7", title: "Emergency Support", description: "Always ready to help", icon: Clock },
              { id: "m3", value: "100%", title: "Safety Rated", description: "Fully insured team", icon: ShieldCheck },
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactText
            useInvertedBackground={true}
            background={{ variant: "gradient-bars" }}
            text="Ready to get started? Contact us today at 01224 111222 or send us a message."
            buttons={[{ text: "Contact Us", href: "/contact" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-53066.jpg"
            logoText="Spark Elite Electrical"
            columns={[
              {
                title: "Contact",                items: [
                  { label: "01224 111222", href: "tel:01224111222" },
                  { label: "George Street, Aberdeen", href: "#" },
                ],
              },
              {
                title: "Services",                items: [
                  { label: "Domestic", href: "/services" },
                  { label: "Emergency Call-Out", href: "/services" },
                ],
              },
              {
                title: "Legal",                items: [{ label: "Privacy & Terms", href: "/legal" }],
              },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}