Merge version_2 into main #2
242
src/app/page.tsx
242
src/app/page.tsx
@@ -15,41 +15,31 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="radial-glow"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why",
|
||||
},
|
||||
name: "Why Us", id: "#why"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Breathe Better"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,35 +49,21 @@ export default function LandingPage() {
|
||||
description="Your trusted partner for expert HVAC solutions. We ensure your home stays comfortable year-round with professional maintenance and repair services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=1",
|
||||
imageAlt: "HVAC Technician performing maintenance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=1", imageAlt: "HVAC Technician performing maintenance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=2",
|
||||
imageAlt: "Professional service van",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=2", imageAlt: "Professional service van"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=3",
|
||||
imageAlt: "Modern HVAC system unit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=3", imageAlt: "Modern HVAC system unit"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=4",
|
||||
imageAlt: "Satisfied homeowner",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=4", imageAlt: "Satisfied homeowner"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=5",
|
||||
imageAlt: "Clean indoor air vents",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=5", imageAlt: "Clean indoor air vents"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=6",
|
||||
imageAlt: "Professional HVAC repair tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=6", imageAlt: "Professional HVAC repair tools"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,56 +72,28 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Expert Technicians",
|
||||
tags: [
|
||||
"Licensed",
|
||||
"Insured",
|
||||
"Certified",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737651.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Expert Technicians", tags: [
|
||||
"Licensed", "Insured", "Certified"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737651.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Rapid Response",
|
||||
tags: [
|
||||
"Fast",
|
||||
"24/7",
|
||||
"Reliable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529709.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "Rapid Response", tags: [
|
||||
"Fast", "24/7", "Reliable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529709.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Energy Efficiency",
|
||||
tags: [
|
||||
"Sustainable",
|
||||
"Cost-Saving",
|
||||
"Green",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-hvac-logo-template_23-2149194730.jpg",
|
||||
},
|
||||
id: "3", title: "Energy Efficiency", tags: [
|
||||
"Sustainable", "Cost-Saving", "Green"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-hvac-logo-template_23-2149194730.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Transparent Pricing",
|
||||
tags: [
|
||||
"No Hidden Fees",
|
||||
"Fair",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737651.jpg?_wi=2",
|
||||
},
|
||||
id: "4", title: "Transparent Pricing", tags: [
|
||||
"No Hidden Fees", "Fair"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737651.jpg?_wi=2"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Customer First",
|
||||
tags: [
|
||||
"Guaranteed",
|
||||
"Support",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529709.jpg?_wi=2",
|
||||
},
|
||||
id: "5", title: "Customer First", tags: [
|
||||
"Guaranteed", "Support"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529709.jpg?_wi=2"},
|
||||
]}
|
||||
title="Why Choose Ray's"
|
||||
description="Experience comfort like never before with our dedicated HVAC expertise and commitment to quality."
|
||||
@@ -160,47 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "AC Installation",
|
||||
price: "Custom Quote",
|
||||
variant: "Premium Installation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=7",
|
||||
},
|
||||
id: "s1", name: "AC Installation", price: "Custom Quote", variant: "Premium Installation", imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=7"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Heating Repair",
|
||||
price: "Starting at $99",
|
||||
variant: "Same-day Repair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=8",
|
||||
},
|
||||
id: "s2", name: "Heating Repair", price: "Starting at $99", variant: "Same-day Repair", imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=8"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "System Maintenance",
|
||||
price: "Annual Plan",
|
||||
variant: "Preventative Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=9",
|
||||
},
|
||||
id: "s3", name: "System Maintenance", price: "Annual Plan", variant: "Preventative Care", imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=9"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Air Quality Check",
|
||||
price: "Standard Fee",
|
||||
variant: "Indoor Health",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=10",
|
||||
},
|
||||
id: "s4", name: "Air Quality Check", price: "Standard Fee", variant: "Indoor Health", imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=10"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Duct Cleaning",
|
||||
price: "Quote Basis",
|
||||
variant: "Air Flow Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=11",
|
||||
},
|
||||
id: "s5", name: "Duct Cleaning", price: "Quote Basis", variant: "Air Flow Service", imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=11"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Emergency Service",
|
||||
price: "24/7 Rate",
|
||||
variant: "Priority Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=12",
|
||||
},
|
||||
id: "s6", name: "Emergency Service", price: "24/7 Rate", variant: "Priority Support", imageSrc: "http://img.b2bpic.net/free-photo/complex-air-filters-diligently-purify-indoor-air_60438-3470.jpg?_wi=12"},
|
||||
]}
|
||||
title="Our HVAC Services"
|
||||
description="From precision installation to seasonal maintenance, we provide complete air solutions."
|
||||
@@ -212,48 +130,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pleased-woman-seated-sofa-looking-ahead_259150-60489.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pleased-woman-seated-sofa-looking-ahead_259150-60489.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "Property Manager",
|
||||
company: "Housing Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", role: "Property Manager", company: "Housing Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bob Johnson",
|
||||
role: "Homeowner",
|
||||
company: "Maplewood",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg",
|
||||
},
|
||||
id: "3", name: "Bob Johnson", role: "Homeowner", company: "Maplewood", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice Brown",
|
||||
role: "Owner",
|
||||
company: "City Center",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",
|
||||
},
|
||||
id: "4", name: "Alice Brown", role: "Owner", company: "City Center", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Charlie Davis",
|
||||
role: "Client",
|
||||
company: "Suburban Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138492.jpg",
|
||||
},
|
||||
id: "5", name: "Charlie Davis", role: "Client", company: "Suburban Living", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138492.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it. Our customers love our commitment to clean, fresh air."
|
||||
@@ -264,14 +157,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Ready to breathe better? Contact Ray's HVAC today for your home comfort needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Now",
|
||||
href: "tel:5550101",
|
||||
},
|
||||
text: "Schedule Now", href: "tel:5550101"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -282,29 +172,19 @@ export default function LandingPage() {
|
||||
logoText="Ray's HVAC"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#why",
|
||||
},
|
||||
label: "About Us", href: "#why"},
|
||||
{
|
||||
label: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Our Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -314,4 +194,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #fbfbfb;
|
||||
--card: #ffffff;
|
||||
--foreground: #0a0a0a;
|
||||
--primary-cta: #1d4ed8;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #f1f5f9;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #3b82f6;
|
||||
--background-accent: #e2e8f0;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user