12 Commits

Author SHA1 Message Date
24cc2271b7 Switch to version 4: modified src/app/page.tsx 2026-05-23 03:16:15 +00:00
6c07fadbc2 Switch to version 3: modified src/app/page.tsx 2026-05-23 03:16:10 +00:00
b09a52077a Merge version_4 into main
Merge version_4 into main
2026-05-22 03:02:07 +00:00
3ad1fca621 Update src/app/page.tsx 2026-05-22 03:02:04 +00:00
3d7d383552 Merge version_4 into main
Merge version_4 into main
2026-05-22 03:01:39 +00:00
e188cb418c Update src/app/page.tsx 2026-05-22 03:01:36 +00:00
665bf620f7 Merge version_3 into main
Merge version_3 into main
2026-05-22 02:59:26 +00:00
077de8df92 Update src/app/page.tsx 2026-05-22 02:59:20 +00:00
27a798f3c8 Merge version_2 into main
Merge version_2 into main
2026-05-22 02:56:02 +00:00
ca3b986d78 Update src/app/page.tsx 2026-05-22 02:55:59 +00:00
b164a9a3bc Merge version_2 into main
Merge version_2 into main
2026-05-22 02:55:34 +00:00
aa3f38c035 Update src/app/page.tsx 2026-05-22 02:55:28 +00:00

View File

@@ -3,15 +3,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import HeroSignup from '@/components/sections/hero/HeroSignup';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
export default function LandingPage() {
return (
@@ -31,448 +32,154 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Engineering",
id: "#features",
},
{
name: "Premium Systems",
id: "#products",
},
{
name: "Reviews",
id: "#testimonials",
},
{ name: "About", id: "#about" },
{ name: "Engineering", id: "#features" },
{ name: "Systems", id: "#products" },
{ name: "Reviews", id: "#testimonials" },
]}
button={{
text: "Request Estimate",
href: "#contact",
}}
button={{ text: "Call +12486813089", href: "tel:+12486813089" }}
brandName="Allens Service"
/>
</div>
<div id="contact-urgent" data-section="contact">
<ContactCenter
tag="Urgent Support"
title="Immediate Consultation"
description="Our engineering team is ready to assist you right now. Call us at +12486813089 for immediate priority service."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
buttonText="Call Now"
onSubmit={(email) => window.location.href = 'tel:+12486813089'}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "rotated-rays-static",
}}
title="Elite Home Comfort Engineering for Discriminating Homeowners"
description="Experience whisper-quiet, energy-efficient climate control installed by precision engineers who respect your home and your time. Every system is custom-engineered for your luxury residence."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-coastal-retreat-with-archway-ocean-view_23-2151996489.jpg",
imageAlt: "Luxury home interior 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-woman-sits-sofa-living-room-holds-notebook-reads-her-notes-studies_1258-201922.jpg",
imageAlt: "Luxury home interior 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-sliding-drawers-with-stone-cladding-exquisite-furniture-design-living-room_169016-72774.jpg",
imageAlt: "Luxury home interior 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg",
imageAlt: "Luxury home interior 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-lounge-room-interior-office-building_1262-12374.jpg",
imageAlt: "Luxury home interior 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388952.jpg",
imageAlt: "Luxury home interior 6",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-lying-sleeping-sofa-home_171337-19502.jpg",
imageAlt: "Luxury HVAC installation 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-square-endless-spiral-pattern_181624-4529.jpg",
imageAlt: "Luxury HVAC installation 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388965.jpg",
imageAlt: "Luxury HVAC installation 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-interior-design_53876-145504.jpg",
imageAlt: "Luxury HVAC installation 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg",
imageAlt: "Luxury HVAC installation 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-interior-design-space-with-color-year-furnishings-decorations_23-2151397374.jpg",
imageAlt: "Luxury HVAC installation 6",
},
]}
buttons={[
{
text: "Request a Premium Estimate",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/sexy-shorthair-model-have-rest-have-daily-nap-sitting-blue-bag-chair-home_231208-2998.jpg",
alt: "Luxury service expert",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-woman-cleaning-floor_23-2149485651.jpg",
alt: "Luxury service expert",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-woman-is-working-laptop-computer-dark-bed-front-wooden-wall-home_231208-3025.jpg",
alt: "Luxury service expert",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-woman-sitting-table-working-laptop-co-working-office_1153-4314.jpg",
alt: "Luxury service expert",
},
{
src: "http://img.b2bpic.net/free-photo/elegant-kitchen-faucet-against-dark-vertical-blinds-contemporary-interior-with-indoor-plant_169016-72789.jpg",
alt: "Luxury service expert",
},
]}
avatarText="Trusted by 500+ luxury homeowners"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/modern-kitchen-island-with-fluted-glass-cabinets-stylish-interior-with-builtin-appliances_169016-72717.jpg",
alt: "Logo 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/modern-dining-room-living-room-with-luxury-decor_105762-1672.jpg",
alt: "Logo 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263633.jpg",
alt: "Logo 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-resting-home_7502-9290.jpg",
alt: "Logo 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp_105762-2257.jpg",
alt: "Logo 5",
},
]}
<HeroSignup
background={{ variant: "downward-rays-animated" }}
title="Engineered Comfort for the Modern Estate"
description="Allens Service Heating and Cooling delivers bespoke HVAC engineering for discerning luxury homeowners who demand absolute perfection, silence, and climate reliability."
tag="Luxury Climate Control"
onSubmit={(email) => console.log(email)}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Precision Engineering for Your Sanctuary"
description="At Allens Service, we define HVAC excellence through technical mastery. Our team of elite engineers ensures your home maintains the perfect climate, prioritizing silence, efficiency, and aesthetics in every installation."
imageSrc="http://img.b2bpic.net/free-photo/diverse-building-contractors-associates-checks-solar-power-systems_482257-125953.jpg"
imageAlt="Precision HVAC engineering work"
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Technical Precision",
description: "Flawless engineering and installation standards ensuring peak performance.",
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736825.jpg",
imageAlt: "Precision Engineering",
},
{
title: "White-Glove Service",
description: "A refined, respectful service experience tailored to protect your home.",
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-servicing-hvac-system_482257-91024.jpg",
imageAlt: "White Glove Service",
},
{
title: "Energy Efficiency",
description: "Custom-engineered systems designed to maximize comfort and reduce costs.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216695.jpg",
imageAlt: "Energy Efficiency",
},
]}
title="Unmatched Technical Excellence"
description="Our suite of professional services is engineered for the highest standard of luxury living, delivering comfort without compromise."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Elite",
name: "PureAir Filtration",
price: "Contact for Quote",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-comfortable-couch-with-white-cushions_1203-1451.jpg",
imageAlt: "Air filtration unit",
},
{
id: "p2",
brand: "SilentComfort",
name: "Whisper-Quiet AC",
price: "Contact for Quote",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/new-surface-builtin-kitchen-technics-electrical-stove-with-clock-indicator-handing-textile-tovel-photo-with-shallow-depth-field_628469-37.jpg",
imageAlt: "AC unit",
},
{
id: "p3",
brand: "ThermElite",
name: "Luxury Series Furnace",
price: "Contact for Quote",
rating: 5,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744266.jpg",
imageAlt: "Heating unit",
},
{
id: "p4",
brand: "SmartHome",
name: "Glass Control Hub",
price: "Contact for Quote",
rating: 5,
reviewCount: "41",
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-smartphone-with-home-automation-app_23-2149036823.jpg",
imageAlt: "Thermostat",
},
{
id: "p5",
brand: "EfficiencyPro",
name: "Advanced Heater",
price: "Contact for Quote",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250266.jpg",
imageAlt: "Heater",
},
{
id: "p6",
brand: "PrecisionAir",
name: "Custom Duct Solution",
price: "Contact for Quote",
rating: 5,
reviewCount: "28",
imageSrc: "http://img.b2bpic.net/free-photo/ventilation-duct-building-roof_1387-547.jpg",
imageAlt: "Ducting",
},
]}
title="Our Elite Comfort Solutions"
description="Select from our curated portfolio of world-class climate control systems, designed specifically for premium residential environments."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Performance at Scale"
tag="Proven Results"
title="Defining Residential Excellence"
description="Our philosophy combines high-tier technical capability with a respectful, white-glove approach to your residence. We don't just maintain equipment; we engineer your home's environmental sanctuary."
metrics={[
{
id: "m1",
value: "15+",
description: "Years of Premium Service",
},
{
id: "m2",
value: "2000+",
description: "Elite Residential Installations",
},
{
id: "m3",
value: "99%",
description: "Customer Satisfaction Rate",
},
{ value: "15+", title: "Years Excellence" },
{ value: "2K+", title: "Luxury Installations" },
]}
imageSrc="http://img.b2bpic.net/free-photo/minimalist-coastal-retreat-with-archway-ocean-view_23-2151996489.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
<div id="features" data-section="features">
<FeatureCardNine
useInvertedBackground={false}
title="The Allens Service Standard"
description="We bring engineering-grade precision to your climate management."
showStepNumbers={true}
animationType="blur-reveal"
textboxLayout="inline-image"
features={[
{
title: "Advanced Filtration", description: "Surgical-grade air quality control tailored to large luxury volumes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388952.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-island-with-fluted-glass-cabinets-stylish-interior-with-builtin-appliances_169016-72717.jpg" }
},
{
title: "Climate Customization", description: "Intelligent zoning that learns and predicts your environmental needs.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-holding-smartphone-with-home-automation-app_23-2149036823.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-dining-room-living-room-with-luxury-decor_105762-1672.jpg" }
}
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
useInvertedBackground={false}
title="Curated Climate Portfolio"
description="Premium systems selected for performance, aesthetics, and whisper-quiet operation."
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="default"
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "CEO",
company: "Global Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148415815.jpg",
},
{
id: "t2",
name: "Michael Chen",
role: "Property Manager",
company: "Peak Estates",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-people_23-2151099260.jpg",
},
{
id: "t3",
name: "Emily Rodriguez",
role: "Owner",
company: "Vogue Living",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-talking-phone_23-2149361905.jpg",
},
{
id: "t4",
name: "David Kim",
role: "Developer",
company: "Urban Lux",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
},
{
id: "t5",
name: "Anna Scott",
role: "Designer",
company: "Studio A",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
},
products={[
{ id: "p1", name: "Signature Series AC", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250266.jpg" },
{ id: "p2", name: "Master Zone Hub", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/smart-home-user-interface-graphic-design-desktop-screen_53876-105292.jpg" }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
description=""
useInvertedBackground={false}
title="Measured Success"
animationType="depth-3d"
textboxLayout="default"
metrics={[
{ id: "m1", value: "99%", title: "Retention", items: ["Consistent maintenance", "Long-term trust"] },
{ id: "m2", value: "24/7", title: "Support", items: ["Priority response", "On-site priority"] }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
description=""
useInvertedBackground={false}
title="Client Accolades"
animationType="depth-3d"
textboxLayout="default"
showRating={true}
testimonials={[
{ id: "t1", name: "Alexander Thorne", handle: "Luxury Real Estate Developer", testimonial: "Their technical precision is simply unmatched. True perfectionists.", rating: 5 },
{ id: "t2", name: "Eleanor Vance", handle: "Homeowner", testimonial: "Allens Service transformed our climate comfort. Absolutely invisible and perfectly efficient.", rating: 5 },
{ id: "t3", name: "Patt Hann", handle: "Client", testimonial: "The responsiveness is incredible. They clearly prioritize high standards of care.", rating: 5 },
{ id: "t4", name: "Kailah Schumacher", handle: "Client", testimonial: "Truly remarkable service that understands the nuances of luxury home systems.", rating: 5 }
]}
title="Trusted by White Lake Homeowners"
description="Read what our discerning clients say about their Allens Service experience."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
<FaqBase
description=""
useInvertedBackground={false}
title="Refinement Inquiries"
textboxLayout="default"
faqsAnimation="blur-reveal"
faqs={[
{
id: "q1",
title: "Do you perform customized system design?",
content: "Yes, we custom-engineer every solution based on your specific residence's unique architecture.",
},
{
id: "q2",
title: "What kind of maintenance plans do you offer?",
content: "We offer tiered white-glove maintenance programs to ensure your systems perform at their peak.",
},
{
id: "q3",
title: "Is your service available for new renovations?",
content: "We frequently partner with luxury developers and architects during construction phases.",
},
{ id: "q1", title: "How do you manage system noise?", content: "Our bespoke dampening technology ensures your system remains heard, never seen." },
{ id: "q2", title: "Can we integrate with our existing home hub?", content: "We specialize in seamless integrations with all premium smart home architectures." }
]}
imageSrc="http://img.b2bpic.net/free-photo/smart-home-user-interface-graphic-design-desktop-screen_53876-105292.jpg"
mediaAnimation="slide-up"
title="Common Inquiries"
description="Answers regarding our premium service and elite installation standards."
faqsAnimation="slide-up"
imageAlt="Modern HVAC service FAQ concept"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Request a Premium Estimate"
description="Ready to experience elite home comfort? Our consultants are available to discuss your property needs."
useInvertedBackground={false}
title="Begin Your Consultation"
description="Request a private consultation to discuss the needs of your estate. Or call us directly at +12486813089."
inputs={[
{
name: "name",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
},
{ name: "name", type: "text", placeholder: "Full Name" },
{ name: "email", type: "email", placeholder: "Email Address" }
]}
imageSrc="http://img.b2bpic.net/free-photo/business-assistant-reads-papers_482257-75408.jpg"
imageAlt="Modern premium office contact desk"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Maintenance",
href: "#",
},
{
label: "Installations",
href: "#products",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
]}
columns={[{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Privacy", href: "#privacy" }] }]}
logoText="Allens Service"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}