Update src/app/page.tsx
This commit is contained in:
198
src/app/page.tsx
198
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
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';
|
||||
@@ -30,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Peng & Aircon"
|
||||
/>
|
||||
@@ -53,33 +42,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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?_wi=1",
|
||||
imageAlt: "air conditioning repair professional",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hvac-repairman-adjusts-pressure-levels_482257-91172.jpg?_wi=1",
|
||||
imageAlt: "hvac repairman checking unit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-switch-block-white-wall-modern-apartment-light-control_169016-69630.jpg?_wi=1",
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -90,12 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Professional Care for Every Home"
|
||||
tag="About Us"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,40 +72,20 @@ export default function LandingPage() {
|
||||
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: "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?_wi=2",
|
||||
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?_wi=2",
|
||||
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?_wi=2",
|
||||
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?_wi=1",
|
||||
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."
|
||||
@@ -151,26 +98,10 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -180,31 +111,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-people-shaking-hands_23-2147668802.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
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-copy-space_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",
|
||||
},
|
||||
{ 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"
|
||||
@@ -217,26 +128,10 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ 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."
|
||||
@@ -250,27 +145,12 @@ export default function LandingPage() {
|
||||
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,
|
||||
},
|
||||
{ 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,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -283,4 +163,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user