Merge version_1 into main #1
437
src/app/page.tsx
437
src/app/page.tsx
@@ -16,321 +16,150 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="SD HVAC Cooling"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SD HVAC Cooling"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Stay Cool in San Diego"
|
||||
description="Premium HVAC cooling solutions designed for San Diego's climate. Fast, reliable installation and maintenance to keep your home comfortable all summer long."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-male-plant-engineer-hardhat-glasses-operating-industrial-machine-pushing-buttons-control-panel_74855-16376.jpg",
|
||||
imageAlt: "hvac air conditioning system San Diego",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-roommates-home_23-2149103362.jpg",
|
||||
imageAlt: "professional air conditioner maintenance San Diego",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-laptop-outdoors_23-2150747676.jpg",
|
||||
imageAlt: "energy efficient cooling system technology",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Stay Cool in San Diego"
|
||||
description="Premium HVAC cooling solutions designed for San Diego's climate. Fast, reliable installation and maintenance to keep your home comfortable all summer long."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/focused-male-plant-engineer-hardhat-glasses-operating-industrial-machine-pushing-buttons-control-panel_74855-16376.jpg", imageAlt: "hvac air conditioning system San Diego" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-roommates-home_23-2149103362.jpg", imageAlt: "professional air conditioner maintenance San Diego" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-laptop-outdoors_23-2150747676.jpg", imageAlt: "energy efficient cooling system technology" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Comfort, Our Mission"
|
||||
description="With years of expertise in the San Diego area, we deliver expert cooling solutions with transparency and dedication to high-quality service."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-showing-okey-gesture-purple_141793-74515.jpg"
|
||||
imageAlt="friendly hvac technician professional service"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Comfort, Our Mission"
|
||||
description="With years of expertise in the San Diego area, we deliver expert cooling solutions with transparency and dedication to high-quality service."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-showing-okey-gesture-purple_141793-74515.jpg"
|
||||
imageAlt="friendly hvac technician professional service"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "24/7 fast-response repair services for when your system breaks down unexpectedly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-servicing-hvac-system_482257-91024.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-removing-tool-from-tool-box_1170-1228.jpg",
|
||||
buttonText: "Call Now",
|
||||
},
|
||||
{
|
||||
title: "Energy Optimization",
|
||||
description: "Advanced cooling optimization to keep your bills low while maintaining maximum efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-with-green-energy-message_23-2148894053.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205430.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Seasonal Maintenance",
|
||||
description: "Preventative checkups to ensure your AC system is ready to face the San Diego summer heat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-filling-out-insurance-contract_482257-85122.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-hvac-system-manometers_482257-90544.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Cooling Services"
|
||||
description="We specialize in end-to-end climate control solutions for your residential cooling needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Emergency Repairs", description: "24/7 fast-response repair services for when your system breaks down unexpectedly.", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-servicing-hvac-system_482257-91024.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-removing-tool-from-tool-box_1170-1228.jpg", buttonText: "Call Now" },
|
||||
{ title: "Energy Optimization", description: "Advanced cooling optimization to keep your bills low while maintaining maximum efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-with-green-energy-message_23-2148894053.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205430.jpg", buttonText: "Learn More" },
|
||||
{ title: "Seasonal Maintenance", description: "Preventative checkups to ensure your AC system is ready to face the San Diego summer heat.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-filling-out-insurance-contract_482257-85122.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-hvac-system-manometers_482257-90544.jpg", buttonText: "Book Now" }
|
||||
]}
|
||||
title="Comprehensive Cooling Services"
|
||||
description="We specialize in end-to-end climate control solutions for your residential cooling needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "CoolMaster",
|
||||
name: "UltraCool Split System",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-sleeping-couch_23-2147709501.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "ClimateTech",
|
||||
name: "Central Cooling Pro",
|
||||
price: "$2,800",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388990.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "EcoThermostat",
|
||||
name: "Smart Temp Manager",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-haired-woman-running-room-air-conditioner_259150-57146.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "SilentWind",
|
||||
name: "Outdoor Compressor 500",
|
||||
price: "$950",
|
||||
rating: 4,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-abandoned-house-with-fence_23-2149454799.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "CompactFlow",
|
||||
name: "Portable Cooling Unit",
|
||||
price: "$350",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-pushing-heater-s-red-button_23-2149395837.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "PureBreath",
|
||||
name: "Air Purifying Cooler",
|
||||
price: "$550",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216658.jpg",
|
||||
},
|
||||
]}
|
||||
title="Cooling Equipment Store"
|
||||
description="Discover high-performance cooling systems designed to withstand local heat conditions."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "CoolMaster", name: "UltraCool Split System", price: "$1,200", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/kid-sleeping-couch_23-2147709501.jpg" },
|
||||
{ id: "p2", brand: "ClimateTech", name: "Central Cooling Pro", price: "$2,800", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388990.jpg" },
|
||||
{ id: "p3", brand: "EcoThermostat", name: "Smart Temp Manager", price: "$199", rating: 5, reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/dark-haired-woman-running-room-air-conditioner_259150-57146.jpg" }
|
||||
]}
|
||||
title="Cooling Equipment Store"
|
||||
description="Discover high-performance cooling systems designed to withstand local heat conditions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah-sd",
|
||||
testimonial: "Exceptional service! Our AC broke in the heat of July, and they fixed it within hours.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Thompson",
|
||||
handle: "@david-thompson",
|
||||
testimonial: "Very professional and knowledgeable. Explained everything clearly about our system maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-emotional-numbness_23-2151089761.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena-r",
|
||||
testimonial: "Great experience overall. The new installation looks and works great. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blackman-white-guy-warking-with-laptop-studio-shot_613910-16720.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
handle: "@mark-w",
|
||||
testimonial: "Prompt and efficient. The technician was extremely helpful with our questions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Chen",
|
||||
handle: "@linda-chen",
|
||||
testimonial: "A reliable HVAC company in San Diego that puts customer care first.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367536.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join hundreds of happy San Diego homeowners who trust us with their climate comfort."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarah-sd", testimonial: "Exceptional service! Our AC broke in the heat of July, and they fixed it within hours.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg" },
|
||||
{ id: "2", name: "David Thompson", handle: "@david-thompson", testimonial: "Very professional and knowledgeable. Explained everything clearly about our system maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-emotional-numbness_23-2151089761.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", handle: "@elena-r", testimonial: "Great experience overall. The new installation looks and works great. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/blackman-white-guy-warking-with-laptop-studio-shot_613910-16720.jpg" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join hundreds of happy San Diego homeowners who trust us with their climate comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Service Certified",
|
||||
"Energy Star",
|
||||
"BBB Accredited",
|
||||
"Climate Alliance",
|
||||
"San Diego Chamber",
|
||||
"Green Technology",
|
||||
"Customer Choice 2024",
|
||||
]}
|
||||
title="Trusted Local Service"
|
||||
description="Certified and recognized for our excellence in San Diego HVAC."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Service Certified", "Energy Star", "BBB Accredited", "Climate Alliance"]}
|
||||
title="Trusted Local Service"
|
||||
description="Certified and recognized for our excellence in San Diego HVAC."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often should I service my AC?",
|
||||
content: "We recommend professional service at least twice a year to keep your system performing at peak efficiency.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you handle emergency calls?",
|
||||
content: "Yes, we offer 24/7 emergency response services to ensure your home stays cool when you need it most.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your cooling products energy-efficient?",
|
||||
content: "Absolutely. We specialize in modern, energy-efficient solutions designed to reduce your monthly utility costs.",
|
||||
},
|
||||
]}
|
||||
title="Common Cooling Questions"
|
||||
description="Answers to the most frequent questions about HVAC maintenance and cooling solutions."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dolly-shot-air-conditioner-side-panel-opened-before-customer-comissioned-repairments-are-being-done-faulty-wiring-hvac-system-prepared-be-fixed-by-professional-engineer_482257-65948.jpg"
|
||||
imageAlt="Dolly in shot of air conditioner side panel opened"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How often should I service my AC?", content: "We recommend professional service at least twice a year to keep your system performing at peak efficiency." },
|
||||
{ id: "f2", title: "Can you handle emergency calls?", content: "Yes, we offer 24/7 emergency response services to ensure your home stays cool when you need it most." },
|
||||
{ id: "f3", title: "Are your cooling products energy-efficient?", content: "Absolutely. We specialize in modern, energy-efficient solutions designed to reduce your monthly utility costs." }
|
||||
]}
|
||||
title="Common Cooling Questions"
|
||||
description="Answers to the most frequent questions about HVAC maintenance and cooling solutions."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dolly-shot-air-conditioner-side-panel-opened-before-customer-comissioned-repairments-are-being-done-faulty-wiring-hvac-system-prepared-be-fixed-by-professional-engineer_482257-65948.jpg"
|
||||
imageAlt="Dolly in shot of air conditioner side panel opened"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Ready to get cool?"
|
||||
title="Contact Us Today"
|
||||
description="Reach out to schedule your service or consultation with our cooling experts."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Ready to get cool?"
|
||||
title="Contact Us Today"
|
||||
description="Reach out to schedule your service or consultation with our cooling experts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="SD HVAC Cooling"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "#features" }, { label: "Products", href: "#products" }] },
|
||||
{ items: [{ label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
logoText="SD HVAC Cooling"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user