Merge version_1 into main #2
311
src/app/page.tsx
311
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Clover",
|
||||
id: "why",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Quote",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Clover", id: "why" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Quote", id: "contact" },
|
||||
]}
|
||||
brandName="Clover Paving"
|
||||
/>
|
||||
@@ -53,97 +41,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Cape Cod's Premium Paving Partner"
|
||||
description="Excellence in every driveway, parking lot, and court. Trusted service for 15+ Cape Cod towns with a legacy of gold-standard quality."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Greg White",
|
||||
handle: "Homeowner",
|
||||
testimonial: "The best paving experience in years. Professional and flawless finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=1",
|
||||
imageAlt: "luxury driveway paving cape cod",
|
||||
},
|
||||
{
|
||||
name: "Denise Barnett",
|
||||
handle: "Local Resident",
|
||||
testimonial: "Fantastic results. They transformed our driveway completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-exercising-pavement_23-2147755409.jpg?_wi=1",
|
||||
imageAlt: "residential asphalt driveway paving",
|
||||
},
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "Business Owner",
|
||||
testimonial: "Clover handled our parking lot with incredible speed and quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3383.jpg?_wi=1",
|
||||
imageAlt: "commercial parking lot paving",
|
||||
},
|
||||
{
|
||||
name: "Mark Sterling",
|
||||
handle: "Property Manager",
|
||||
testimonial: "Reliable and communicative. Truly the best in the business.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-active-woman-stretching-legs-red-court_651396-389.jpg?_wi=1",
|
||||
imageAlt: "asphalt tennis court installation",
|
||||
},
|
||||
{
|
||||
name: "Linda G.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Our new driveway is the envy of the neighborhood. Stunning work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331798.jpg?_wi=1",
|
||||
imageAlt: "drainage system construction",
|
||||
},
|
||||
{ name: "Greg White", handle: "Homeowner", testimonial: "The best paving experience in years. Professional and flawless finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg", imageAlt: "luxury driveway paving cape cod" },
|
||||
{ name: "Denise Barnett", handle: "Local Resident", testimonial: "Fantastic results. They transformed our driveway completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-man-exercising-pavement_23-2147755409.jpg", imageAlt: "residential asphalt driveway paving" },
|
||||
{ name: "Sarah Jenkins", handle: "Business Owner", testimonial: "Clover handled our parking lot with incredible speed and quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3383.jpg", imageAlt: "commercial parking lot paving" },
|
||||
{ name: "Mark Sterling", handle: "Property Manager", testimonial: "Reliable and communicative. Truly the best in the business.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-active-woman-stretching-legs-red-court_651396-389.jpg", imageAlt: "asphalt tennis court installation" },
|
||||
{ name: "Linda G.", handle: "Homeowner", testimonial: "Our new driveway is the envy of the neighborhood. Stunning work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331798.jpg", imageAlt: "drainage system construction" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-morning_23-2148586194.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-green-shirt-looking-glad-front-view_176474-103360.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-with-sunflowers-electric-scooter-outdoors_23-2149705862.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-morning_23-2148586194.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-green-shirt-looking-glad-front-view_176474-103360.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-with-sunflowers-electric-scooter-outdoors_23-2149705862.jpg", alt: "Client 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential Driveways",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Commercial Asphalt",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tennis Court Specialists",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Drainage Expertise",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Equipment",
|
||||
},
|
||||
{ type: "text", text: "Residential Driveways" },
|
||||
{ type: "text", text: "Commercial Asphalt" },
|
||||
{ type: "text", text: "Tennis Court Specialists" },
|
||||
{ type: "text", text: "Drainage Expertise" },
|
||||
{ type: "text", text: "Professional Equipment" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,96 +75,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Driveways",
|
||||
description: "Custom asphalt solutions for your home.",
|
||||
icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-exercising-pavement_23-2147755409.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-exercising-pavement_23-2147755409.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-sunglasses-against-traktor-with-adjustable-wrench-hand_627829-11389.jpg?_wi=1",
|
||||
imageAlt: "construction equipment rental",
|
||||
},
|
||||
{
|
||||
title: "Commercial Lots",
|
||||
description: "Durable paving for heavy business traffic.",
|
||||
icon: Building,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3383.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3383.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-sunflowers-electric-scooter-outdoors_23-2149705862.jpg?_wi=1",
|
||||
imageAlt: "multi property paving service",
|
||||
},
|
||||
{
|
||||
title: "Tennis Courts",
|
||||
description: "High-performance surface solutions.",
|
||||
icon: Trophy,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-active-woman-stretching-legs-red-court_651396-389.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-active-woman-stretching-legs-red-court_651396-389.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-morning_23-2148586194.jpg?_wi=1",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
{
|
||||
title: "Drainage Solutions",
|
||||
description: "Advanced systems for water management.",
|
||||
icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331798.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331798.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg?_wi=1",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{
|
||||
title: "Equipment Rentals",
|
||||
description: "Reliable machinery for your own projects.",
|
||||
icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-sunglasses-against-traktor-with-adjustable-wrench-hand_627829-11389.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-sunglasses-against-traktor-with-adjustable-wrench-hand_627829-11389.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg?_wi=1",
|
||||
imageAlt: "happy woman portrait",
|
||||
},
|
||||
{
|
||||
title: "Multi-Property",
|
||||
description: "Managing asphalt for large estates.",
|
||||
icon: Layers,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-sunflowers-electric-scooter-outdoors_23-2149705862.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-sunflowers-electric-scooter-outdoors_23-2149705862.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-green-shirt-looking-glad-front-view_176474-103360.jpg?_wi=1",
|
||||
imageAlt: "professional man profile",
|
||||
},
|
||||
{ title: "Residential Driveways", description: "Custom asphalt solutions for your home.", icon: Home, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/crop-man-exercising-pavement_23-2147755409.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/crop-man-exercising-pavement_23-2147755409.jpg" }] },
|
||||
{ title: "Commercial Lots", description: "Durable paving for heavy business traffic.", icon: Building, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3383.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3383.jpg" }] },
|
||||
{ title: "Tennis Courts", description: "High-performance surface solutions.", icon: Trophy, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/attractive-active-woman-stretching-legs-red-court_651396-389.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/attractive-active-woman-stretching-legs-red-court_651396-389.jpg" }] },
|
||||
{ title: "Drainage Solutions", description: "Advanced systems for water management.", icon: Droplets, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331798.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331798.jpg" }] },
|
||||
{ title: "Equipment Rentals", description: "Reliable machinery for your own projects.", icon: Truck, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-sunglasses-against-traktor-with-adjustable-wrench-hand_627829-11389.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-sunglasses-against-traktor-with-adjustable-wrench-hand_627829-11389.jpg" }] },
|
||||
{ title: "Multi-Property", description: "Managing asphalt for large estates.", icon: Layers, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-sunflowers-electric-scooter-outdoors_23-2149705862.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-sunflowers-electric-scooter-outdoors_23-2149705862.jpg" }] }
|
||||
]}
|
||||
title="Our Specialized Paving Services"
|
||||
description="From residential driveways to complex commercial projects, Clover Paving delivers enduring results."
|
||||
@@ -258,57 +95,23 @@ export default function LandingPage() {
|
||||
description="Dave Cole said it best: 'They fixed our grading and drainage when three other contractors gave up.' At Clover, we don't walk away until it's right."
|
||||
subdescription="Thomas Hawkins added, 'The drainage fix was life-changing for our property. They truly cared about the outcome.'"
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-morning_23-2148586194.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-morning_23-2148586194.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Greg White",
|
||||
role: "Homeowner",
|
||||
company: "Bourne",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-morning_23-2148586194.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Denise Barnett",
|
||||
role: "Resident",
|
||||
company: "Falmouth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dave Cole",
|
||||
role: "Property Owner",
|
||||
company: "Hyannis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Johnny Hatem",
|
||||
role: "Commercial Client",
|
||||
company: "Yarmouth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-green-shirt-looking-glad-front-view_176474-103360.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anne Smith",
|
||||
role: "Resident",
|
||||
company: "Sandwich",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-morning_23-2148586194.jpg?_wi=4",
|
||||
},
|
||||
{ id: "1", name: "Greg White", role: "Homeowner", company: "Bourne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-morning_23-2148586194.jpg" },
|
||||
{ id: "2", name: "Denise Barnett", role: "Resident", company: "Falmouth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" },
|
||||
{ id: "3", name: "Dave Cole", role: "Property Owner", company: "Hyannis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
|
||||
{ id: "4", name: "Johnny Hatem", role: "Commercial Client", company: "Yarmouth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-green-shirt-looking-glad-front-view_176474-103360.jpg" },
|
||||
{ id: "5", name: "Anne Smith", role: "Resident", company: "Sandwich", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-morning_23-2148586194.jpg" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Real, verified experiences from Cape Cod homeowners."
|
||||
@@ -318,9 +121,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready for a Gold-Standard Driveway?"
|
||||
description="Contact us today for a free quote on your next project. Serving all Cape Cod towns."
|
||||
@@ -330,45 +131,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#why",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:hello@cloverpaving.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#why" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Quote", href: "#contact" }, { label: "Email Us", href: "mailto:hello@cloverpaving.com" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Clover Paving Co Inc."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user