Merge version_2 into main #1
228
src/app/page.tsx
228
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Clock, Flame, Home, ShieldCheck, Star, Wind, Wrench, Zap } from "lucide-react";
|
||||
import { Clock, Flame, Home, Mail, MapPin, Phone, ShieldCheck, Star, Wind, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="C&R Heating & Cooling"
|
||||
/>
|
||||
@@ -52,68 +41,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reliable Heating & Cooling for Hampton VA"
|
||||
description="Keep your home comfortable all year round with expert HVAC services. From emergency repairs to routine maintenance, C&R has you covered."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule Service", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-showcasing-their-home_23-2151624865.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205471.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-couple-smiling-indoors_23-2148268651.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371200.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency Service",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Technicians",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Top-Rated Service",
|
||||
icon: Star,
|
||||
},
|
||||
{ type: "text-icon", text: "24/7 Emergency Service", icon: Clock },
|
||||
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Family Owned", icon: Home },
|
||||
{ type: "text-icon", text: "Expert Technicians", icon: Wrench },
|
||||
{ type: "text-icon", text: "Top-Rated Service", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,21 +64,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "AC Repair & Install",
|
||||
description: "Quick, reliable cooling solutions to keep you cool during Virginia summers.",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Heating Systems",
|
||||
description: "Full furnace and heat pump services to ensure your home stays warm in winter.",
|
||||
},
|
||||
{
|
||||
icon: Wind,
|
||||
title: "Air Quality",
|
||||
description: "Professional duct cleaning and air purification systems for better breathing.",
|
||||
},
|
||||
{ icon: Zap, title: "AC Repair & Install", description: "Quick, reliable cooling solutions." },
|
||||
{ icon: Flame, title: "Heating Systems", description: "Full furnace and heat pump services." },
|
||||
{ icon: Wind, title: "Air Quality", description: "Duct cleaning and purification systems." },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Providing top-tier HVAC solutions for residents in Hampton and surrounding areas."
|
||||
@@ -151,41 +79,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark D.",
|
||||
role: "Hampton Resident",
|
||||
testimonial: "Excellent service! My AC broke on a hot day and they were here within hours.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah P.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Very professional and fair pricing. Highly recommend their maintenance plan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-showcasing-their-home_23-2151624865.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John R.",
|
||||
role: "Local Business Owner",
|
||||
testimonial: "Great work on our heating system upgrade. Very polite team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205471.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily V.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Responsive, knowledgeable, and reliable. Definitely our go-to HVAC company.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-smiling-indoors_23-2148268651.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David L.",
|
||||
role: "Resident",
|
||||
testimonial: "Professional, efficient, and they took the time to explain everything to me.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371200.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mark D.", role: "Hampton Resident", testimonial: "Excellent service! My AC broke on a hot day and they were here within hours." },
|
||||
{ id: "2", name: "Sarah P.", role: "Homeowner", testimonial: "Very professional and fair pricing. Highly recommend their maintenance plan." },
|
||||
]}
|
||||
title="Trusted by Hampton Homeowners"
|
||||
description="We are proud to be the preferred choice for heating and cooling in the community."
|
||||
@@ -193,81 +88,42 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitMedia
|
||||
title="Common HVAC Questions"
|
||||
description="Find answers to frequently asked questions about our services and maintenance."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I service my HVAC?",
|
||||
content: "We recommend servicing your system at least twice a year—once before cooling season and once before heating season.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer emergency repairs?",
|
||||
content: "Yes, our team is equipped to handle emergency cooling or heating failures whenever you need us.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve the entire Hampton, VA area and neighboring communities.",
|
||||
},
|
||||
{ id: "1", title: "How often should I service my HVAC?", content: "Twice a year: once for cooling, once for heating." },
|
||||
{ id: "2", title: "Do you offer emergency repairs?", content: "Yes, we are available 24/7 for urgent failures." },
|
||||
{ id: "3", title: "What areas do you serve?", content: "We serve the entire Hampton, VA area." },
|
||||
]}
|
||||
sideTitle="Have Questions?"
|
||||
sideDescription="Check our common questions about our HVAC services in Hampton."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-servicing-air-conditioner_23-2148767988.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Ready to Get Started?"
|
||||
description="Contact us today to book an appointment or ask about our seasonal maintenance plans."
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Schedule your service or ask us a question. We look forward to hearing from you."
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-technician-fixing-hvac-unit_23-2149129598.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterCard
|
||||
logoText="C&R Heating & Cooling"
|
||||
copyrightText="© 2025 C&R Heating & Cooling. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Phone, href: "tel:5551234567", ariaLabel: "Phone" },
|
||||
{ icon: Mail, href: "mailto:support@crheating.com", ariaLabel: "Email" },
|
||||
{ icon: MapPin, href: "#", ariaLabel: "Location" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user