Update src/app/page.tsx
This commit is contained in:
338
src/app/page.tsx
338
src/app/page.tsx
@@ -20,31 +20,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SD HVAC"
|
||||
/>
|
||||
@@ -53,104 +45,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="San Diego's Premier HVAC Experts"
|
||||
description="Keeping your home comfortable year-round with reliable, energy-efficient heating and cooling solutions."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Fast, reliable, and professional. Saved us during the heatwave!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Excellent communication and high-quality AC repair service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "My go-to team for annual furnace tune-ups. Great service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-mulatto-woman-moving-with-full-mouth-food-modern-kitchen-dressed-white-t-shirt_8353-10285.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena K.",
|
||||
handle: "@elenak",
|
||||
testimonial: "Friendly technicians and affordable pricing. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Installed our new heat pump efficiently. Everything works perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-with-book-looking-camera_23-2148306576.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "John D.", handle: "@johnd", testimonial: "Fast, reliable, and professional. Saved us during the heatwave!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg" },
|
||||
{ name: "Sarah M.", handle: "@sarahm", testimonial: "Excellent communication and high-quality AC repair service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
|
||||
{ name: "Mike R.", handle: "@miker", testimonial: "My go-to team for annual furnace tune-ups. Great service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/funny-mulatto-woman-moving-with-full-mouth-food-modern-kitchen-dressed-white-t-shirt_8353-10285.jpg" },
|
||||
{ name: "Elena K.", handle: "@elenak", testimonial: "Friendly technicians and affordable pricing. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg" },
|
||||
{ name: "David W.", handle: "@davidw", testimonial: "Installed our new heat pump efficiently. Everything works perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-with-book-looking-camera_23-2148306576.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skilled-electrician-contracted-check-up-outdoor-air-conditioner-starting-work-shift-trained-worker-wearing-protective-gear-preparing-service-faulty-external-hvac-system_482257-63954.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-brunette-browsing-tablet-smiling_23-2147770029.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picture-smile-woman-showing-her-phone-camera_197531-33137.jpg",
|
||||
alt: "Happy resident",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-housewife-kitchen_1098-13159.jpg",
|
||||
alt: "Home owner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-father-posing-home_23-2148414859.jpg",
|
||||
alt: "Professional client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lovely-brunette-browsing-tablet-smiling_23-2147770029.jpg", alt: "Satisfied customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/picture-smile-woman-showing-her-phone-camera_197531-33137.jpg", alt: "Happy resident" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-housewife-kitchen_1098-13159.jpg", alt: "Home owner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-father-posing-home_23-2148414859.jpg", alt: "Professional client" }
|
||||
]}
|
||||
avatarText="Join 15,000+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency Service",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Energy Efficient",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local San Diego",
|
||||
icon: MapPin,
|
||||
},
|
||||
{ type: "text-icon", text: "24/7 Emergency Service", icon: Clock },
|
||||
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Energy Efficient", icon: Leaf },
|
||||
{ type: "text-icon", text: "Family Owned", icon: Users },
|
||||
{ type: "text-icon", text: "Local San Diego", icon: MapPin }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,25 +90,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AC Repair & Maintenance",
|
||||
description: "Quick repairs and routine checks for all major AC brands.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg",
|
||||
},
|
||||
{
|
||||
title: "Furnace Installation",
|
||||
description: "Efficient heating installation to keep you warm all winter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trained-engineer-certified-technician-opening-up-old-faulty-hvac-system-replace-it-with-new-performant-outside-air-conditioner-after-draining-refrigerant-replacing-ductwork_482257-70157.jpg",
|
||||
},
|
||||
{
|
||||
title: "Indoor Air Quality",
|
||||
description: "Breathe cleaner air with our air filtration and purification systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334232.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our HVAC Services"
|
||||
description="Comprehensive heating and cooling solutions tailored to your needs."
|
||||
features={[
|
||||
{ title: "AC Repair & Maintenance", description: "Quick repairs and routine checks for all major AC brands.", imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg" },
|
||||
{ title: "Furnace Installation", description: "Efficient heating installation to keep you warm all winter.", imageSrc: "http://img.b2bpic.net/free-photo/trained-engineer-certified-technician-opening-up-old-faulty-hvac-system-replace-it-with-new-performant-outside-air-conditioner-after-draining-refrigerant-replacing-ductwork_482257-70157.jpg" },
|
||||
{ title: "Indoor Air Quality", description: "Breathe cleaner air with our air filtration and purification systems.", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334232.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,25 +106,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "20+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "15,000+",
|
||||
description: "Homes Serviced",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "4.9/5",
|
||||
description: "Customer Rating",
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Why homeowners trust us with their home comfort."
|
||||
metrics={[
|
||||
{ id: "1", value: "20+", description: "Years of Experience" },
|
||||
{ id: "2", value: "15,000+", description: "Homes Serviced" },
|
||||
{ id: "3", value: "4.9/5", description: "Customer Rating" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -225,44 +121,12 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$99",
|
||||
subtitle: "Annual AC Tune-Up",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full system check",
|
||||
"Filter change",
|
||||
"Performance testing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$199",
|
||||
subtitle: "Total Comfort Plan",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full AC & Furnace Tune-ups",
|
||||
"Priority scheduling",
|
||||
"15% off repairs",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Service Plans"
|
||||
description="Affordable maintenance plans to ensure long-term efficiency."
|
||||
plans={[
|
||||
{ id: "basic", badge: "Essential", price: "$99", subtitle: "Annual AC Tune-Up", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full system check", "Filter change", "Performance testing"] },
|
||||
{ id: "pro", badge: "Popular", price: "$199", subtitle: "Total Comfort Plan", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Full AC & Furnace Tune-ups", "Priority scheduling", "15% off repairs"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -270,50 +134,15 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great AC Repair",
|
||||
quote: "Professional team, arrived on time and fixed our AC immediately.",
|
||||
name: "John D.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Recommend",
|
||||
quote: "They are honest and thorough. Really appreciate the expertise.",
|
||||
name: "Sarah M.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Excellent Service",
|
||||
quote: "Annual maintenance made our home furnace so much more efficient.",
|
||||
name: "Mike R.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-outdoors_23-2149536732.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Fast Response",
|
||||
quote: "Emergency repair was handled professionally and quickly.",
|
||||
name: "Elena K.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top Notch Team",
|
||||
quote: "Expert technicians who really care about your home comfort.",
|
||||
name: "David W.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Real feedback from our satisfied clients in San Diego."
|
||||
testimonials={[
|
||||
{ id: "1", title: "Great AC Repair", quote: "Professional team, arrived on time and fixed our AC immediately.", name: "John D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg" },
|
||||
{ id: "2", title: "Highly Recommend", quote: "They are honest and thorough. Really appreciate the expertise.", name: "Sarah M.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg" },
|
||||
{ id: "3", title: "Excellent Service", quote: "Annual maintenance made our home furnace so much more efficient.", name: "Mike R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-outdoors_23-2149536732.jpg" },
|
||||
{ id: "4", title: "Fast Response", quote: "Emergency repair was handled professionally and quickly.", name: "Elena K.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg" },
|
||||
{ id: "5", title: "Top Notch Team", quote: "Expert technicians who really care about your home comfort.", name: "David W.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -321,78 +150,35 @@ export default function LandingPage() {
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I service my AC?",
|
||||
content: "We recommend servicing your unit at least once a year.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide free quotes?",
|
||||
content: "Yes, all our installation quotes are free and obligation-free.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve all of San Diego County and surrounding areas.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Find answers to common heating and cooling concerns."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "How often should I service my AC?", content: "We recommend servicing your unit at least once a year." },
|
||||
{ id: "2", title: "Do you provide free quotes?", content: "Yes, all our installation quotes are free and obligation-free." },
|
||||
{ id: "3", title: "What areas do you serve?", content: "We serve all of San Diego County and surrounding areas." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to get started?"
|
||||
title="Request Your Service Estimate"
|
||||
description="Contact us today for a fast, professional response to your HVAC needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="SD HVAC Experts"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Team", href: "#team" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user