Merge version_1 into main #7
237
src/app/page.tsx
237
src/app/page.tsx
@@ -1,165 +1,92 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Shield, Wind, Flame, Home } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Zap, Shield, ArrowRight, Star } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="A&M Home Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevate Your Home’s Safety, Air Quality & Value"
|
||||
description="Premium roofing, air duct cleaning, dryer vent services, and full home care — delivered with precision and transparency."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918273.jpg", imageAlt: "Home exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-ironing-red-shirt-blue-surface_140725-154657.jpg", imageAlt: "Dryer vent" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-ironing-red-shirt-blue-surface_140725-154657.jpg", imageAlt: "Dryer vent" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918273.jpg", imageAlt: "Home exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get Free Quote", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:5550102" }
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/bottom-view-couple-kissing-van-outdoors_23-2148768739.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-holding-hand-her-chest-while-laughing-worker-uniform-looking-merry-front-view_176474-34381.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Fast Turnaround" },
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Transparent Pricing" },
|
||||
{ type: "text", text: "Expert Technicians" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Roofing", description: "Expert installation, repair, and inspection to protect your home's structure.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Air Duct Cleaning", description: "Breathe cleaner air with deep, professional system cleaning.", bentoComponent: "reveal-icon", icon: Wind },
|
||||
{ title: "Dryer Vent Cleaning", description: "Reduce fire risk and improve efficiency instantly.", bentoComponent: "reveal-icon", icon: Flame },
|
||||
{ title: "Chimney Services", description: "Inspection, cleaning, and repair done safely and thoroughly.", bentoComponent: "reveal-icon", icon: Home }
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Comprehensive care to protect your investment and family."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Premium Service. Proven Results."
|
||||
description="We believe in complete transparency. We show you exactly what we fix, employing expert technicians who are clean, efficient, and honest about every cost. No surprises, just superior home care."
|
||||
buttons={[{ text: "Learn More", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918273.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Homeowner", quote: "Showed me photos of the entire process and explained everything clearly. Fantastic work.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/bottom-view-couple-kissing-van-outdoors_23-2148768739.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-couple-kissing-van-outdoors_23-2148768739.jpg", imageAlt: "satisfied homeowner looking at roof" },
|
||||
{ id: "2", name: "Mark D.", date: "Sept 2023", title: "Homeowner", quote: "My air quality improved immediately. Professional team!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-holding-hand-her-chest-while-laughing-worker-uniform-looking-merry-front-view_176474-34381.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-female-holding-hand-her-chest-while-laughing-worker-uniform-looking-merry-front-view_176474-34381.jpg", imageAlt: "smiling homeowner air duct service" },
|
||||
{ id: "3", name: "Lisa R.", date: "Aug 2023", title: "Homeowner", quote: "Professional, efficient, and priced fairly. Highly recommended.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", imageAlt: "portrait happy homeowner after service" },
|
||||
{ id: "4", name: "James L.", date: "July 2023", title: "Homeowner", quote: "Outstanding roofing and vent cleaning service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", imageAlt: "homeowner standing in front of clean house" },
|
||||
{ id: "5", name: "Elena K.", date: "June 2023", title: "Homeowner", quote: "Reliable experts who truly care about the quality of their work.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg", imageAlt: "satisfied customer professional service" }
|
||||
]}
|
||||
title="Trusted by Pennsylvania Homeowners"
|
||||
description="See why our clients give us a 4.6/5 rating."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Start?"
|
||||
title="Your Home Deserves Expert Care"
|
||||
description="Book today and experience the A&M difference. Reliable, transparent, and elite home maintenance."
|
||||
buttons={[
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:5550102" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="A&M Home Services"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="A&M Home Services" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Elite Home Care & Air Quality Specialists"
|
||||
description="Expert maintenance services delivered with precision and transparency."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
leftCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1513694203232-a19a4f08e426?q=80&w=800" }]}
|
||||
rightCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1628177142898-93e36e4e3a50?q=80&w=800" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="Our Core Services"
|
||||
description="Comprehensive solutions for a healthier, safer home."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Roofing & Exterior", description: "Professional inspection and repair for lasting protection.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Air Quality", description: "Advanced duct cleaning for improved indoor living.", bentoComponent: "reveal-icon", icon: Zap
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="About A&M Home Services"
|
||||
description="We are committed to excellence, integrity, and your total satisfaction."
|
||||
imageSrc="https://images.unsplash.com/photo-1581092160607-ee22621dd756?q=80&w=800"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
title="What Our Clients Say"
|
||||
textboxLayout="default"
|
||||
testimonials={[{
|
||||
id: "1", name: "Sarah J.", date: "2023-10-12", title: "Excellent Experience", quote: "Professional, efficient, and highly recommended.", tag: "Roofing", avatarSrc: "https://i.pravatar.cc/150?u=sarahj"
|
||||
}]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to get started?"
|
||||
title="Contact Our Team"
|
||||
description="Schedule your service consultation today."
|
||||
buttons={[{ text: "Call Now", href: "tel:+15551234567" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="A&M Home Services"
|
||||
columns={[{ items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user