166 lines
8.5 KiB
TypeScript
166 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import { Zap, Shield, Award, Star } from "lucide-react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Peng & Aircon"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Reliable AC & Electrical Services"
|
|
description="Professional maintenance, repair, and installation for residential and commercial spaces. Your comfort is our priority."
|
|
tag="Expert Care"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-winner-gesture-uniform-front-view_176474-21365.jpg", imageAlt: "air conditioning repair professional" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/hvac-repairman-adjusts-pressure-levels_482257-91172.jpg", imageAlt: "hvac repairman checking unit" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/light-switch-block-white-wall-modern-apartment-light-control_169016-69630.jpg", imageAlt: "modern home electrical panel" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-climbing-ladder_23-2148921409.jpg", imageAlt: "Full shot man climbing ladder" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-wearing-helmets_23-2149366669.jpg", imageAlt: "Medium shot smiley people wearing helmets" },
|
|
]}
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="Professional Care for Every Home"
|
|
tag="About Us"
|
|
buttons={[{ text: "Our Story", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "AC Repair", description: "Quick, professional fixes for all AC brands.", buttonIcon: Zap,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-safety-helmets_23-2149366668.jpg", imageAlt: "air conditioning repair professional"},
|
|
{
|
|
title: "Electrical Inspections", description: "Ensure your home remains safe and efficient.", buttonIcon: Shield,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-winner-gesture-uniform-front-view_176474-21365.jpg", imageAlt: "air conditioning repair professional"},
|
|
{
|
|
title: "Preventive Maintenance", description: "Extend unit lifespan and save on energy bills.", buttonIcon: Award,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hvac-repairman-adjusts-pressure-levels_482257-91172.jpg", imageAlt: "air conditioning repair professional"},
|
|
{
|
|
title: "Emergency Support", description: "Available when you need us the most.", buttonIcon: Star,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/light-switch-block-white-wall-modern-apartment-light-control_169016-69630.jpg", imageAlt: "air conditioning repair professional"},
|
|
{
|
|
title: "Panel Upgrades", description: "Modernizing electrical systems for better safety.", buttonIcon: Zap,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-people-shaking-hands_23-2147668802.jpg", imageAlt: "air conditioning repair professional"},
|
|
]}
|
|
title="Our Expert Services"
|
|
description="Comprehensive maintenance and installation packages for all your air conditioning and electrical needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="Trusted by the Community"
|
|
tag="Proven Results"
|
|
metrics={[
|
|
{ id: "m1", value: "1000+", description: "Satisfied Customers" },
|
|
{ id: "m2", value: "500+", description: "Units Serviced" },
|
|
{ id: "m3", value: "24/7", description: "Availability" },
|
|
{ id: "m4", value: "10+", description: "Years Experience" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Alice Johnson", imageSrc: "http://img.b2bpic.net/free-photo/crop-people-shaking-hands_23-2147668802.jpg" },
|
|
{ id: "t2", name: "Bob Smith", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17482.jpg" },
|
|
{ id: "t3", name: "Charlie Davis", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable_169016-53055.jpg" },
|
|
{ id: "t4", name: "Diana Prince", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
|
{ id: "t5", name: "Evan Wright", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-girl-with-pixie-haircut-showing-thumbs-up-isolated-white-background-with-copy-space_141793-31737.jpg" },
|
|
]}
|
|
cardTitle="What Our Clients Say"
|
|
cardTag="Testimonials"
|
|
cardAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "q1", title: "How often should I service my AC?", content: "We recommend professional service every 6 months." },
|
|
{ id: "q2", title: "Do you offer emergency repairs?", content: "Yes, our team is available for urgent electrical and AC needs." },
|
|
{ id: "q3", title: "Is my electrical system safe?", content: "We provide detailed safety inspections to ensure home security." },
|
|
{ id: "q4", title: "How do I book an appointment?", content: "You can contact us via the form on this page." },
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Get quick answers to common questions about our services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get a Consultation"
|
|
description="Contact us today for professional AC and electrical solutions."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23928.jpg"
|
|
imageAlt="Man an electrical technician working in a switchboard with fuses uses a tablet"
|
|
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Peng & Aircon"
|
|
copyrightText="© 2025 Peng & Aircon Electrical Services."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |