152 lines
6.9 KiB
TypeScript
152 lines
6.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { MapPin, Phone, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
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">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Carrea Paving"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Carrea Paving & Masonry"
|
|
description="Premium paving, masonry & outdoor transformations in Elmsford, NY. Trusted workmanship for your home."
|
|
buttons={[
|
|
{ text: "Get Free Estimate", href: "#contact" },
|
|
{ text: "Call Now", href: "tel:9143043472" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-construction-site_23-2148751969.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", value: "5.0", title: "Google Rating", description: "Highly rated by local community", icon: Star },
|
|
{ id: "m2", value: "NY", title: "Serving", description: "Elmsford & Westchester County", icon: MapPin },
|
|
{ id: "m3", value: "914", title: "Direct Line", description: "Call us for quick estimates", icon: Phone },
|
|
]}
|
|
title="Our Standards"
|
|
description="Excellence in every stone and layer."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Driveway Paving", description: "Durable, clean-finish asphalt installations.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-crossfit-with-hammer-wheel_23-2147671875.jpg", buttonIcon: Zap },
|
|
{ title: "Patios & Walkways", description: "Premium stone designs for your yard.", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756580.jpg", buttonIcon: Zap },
|
|
{ title: "Masonry Work", description: "Detailed stonework for retaining walls.", imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6386.jpg", buttonIcon: Zap },
|
|
{ title: "Sealcoating", description: "Extend the life of your pavement.", imageSrc: "http://img.b2bpic.net/free-photo/road-construction_342744-602.jpg", buttonIcon: Zap },
|
|
]}
|
|
title="Our Professional Services"
|
|
description="We specialize in high-quality workmanship for outdoor transformations that last."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="About Carrea Paving & Masonry"
|
|
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "John D.", role: "Homeowner", company: "Elmsford", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg" },
|
|
{ id: "t2", name: "Maria S.", role: "Homeowner", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg" },
|
|
{ id: "t3", name: "David W.", role: "Homeowner", company: "Elmsford", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-women-white-blouse-blue-jeans-posed-near-cafe-with-newspaper_627829-4724.jpg" },
|
|
{ id: "t4", name: "Sarah L.", role: "Homeowner", company: "Yonkers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg" },
|
|
{ id: "t5", name: "Mike R.", role: "Homeowner", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg" },
|
|
]}
|
|
kpiItems={[
|
|
{ value: "100%", label: "Satisfaction" },
|
|
{ value: "500+", label: "Projects Done" },
|
|
{ value: "15+", label: "Years Exp" },
|
|
]}
|
|
title="Client Feedback"
|
|
description="What our customers are saying about our masonry & paving."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Westchester Business Bureau", "NY Contractors Union", "Local Home Pros", "Paving Safety Alliance", "Masonry Guild USA", "Elmsford Chamber", "Better Business Bureau"]}
|
|
title="Our Associations & Partners"
|
|
description="Committed to local industry standards."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="Ready to get started?"
|
|
title="Request Your Free Estimate"
|
|
description="Fill out the form to contact our team for your next property upgrade."
|
|
imageSrc="http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563125.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
|
{ items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] },
|
|
{ items: [{ label: "Call: (914) 304-3472", href: "tel:9143043472" }] },
|
|
]}
|
|
logoText="Carrea Paving & Masonry"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|