Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-26 13:54:35 +00:00

View File

@@ -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>
);