Merge version_2 into main #2
310
src/app/page.tsx
310
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -33,129 +33,32 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="US PAVE"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="South Florida’s Trusted Asphalt & Paving Experts"
|
||||
description="Commercial & Residential Paving Built to Last. Veteran-owned business dedicated to professional quality and durability."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Michael S.",
|
||||
handle: "@commercial-owner",
|
||||
testimonial: "Fantastic work on our warehouse parking lot. Professional and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@property-manager",
|
||||
testimonial: "US PAVE delivered on time and within budget. High quality finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-male-office-workers-working-with-laptop_171337-5836.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Robert B.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "Best paving contractor in Fort Lauderdale. Reliable and honest.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Kevin L.",
|
||||
handle: "@ho-president",
|
||||
testimonial: "Transformed our community streets. Excellent communication.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Lisa M.",
|
||||
handle: "@facility-manager",
|
||||
testimonial: "The attention to detail on our striping was incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-riding-scooter-outside_23-2149019505.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:9542107481",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cityscape-istanbul-turkey-photo-from-bird-s-eye-view_1153-5898.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
alt: "Client portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Client portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
alt: "Client portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
alt: "Client portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-businesswoman-balcony_1262-1758.jpg",
|
||||
alt: "Client portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 1000+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Paving",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Striping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sealcoating",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Maintenance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Repair",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<HeroLogoBillboard
|
||||
logoText="US PAVE"
|
||||
description="Commercial & Residential Paving Built to Last. Veteran-owned business dedicated to professional quality and durability."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Call Now", href: "tel:9542107481"},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdloN10xAnyxqeJ5lJcm41QAkk/uploaded-1778620285570-i3hewc2v.jpg"
|
||||
imageAlt="US PAVE Logo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
@@ -166,26 +69,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Asphalt Paving",
|
||||
description: "Commercial-grade asphalt installation for high-traffic areas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13729.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-entrance-building_122409-74.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Asphalt Paving", description: "Commercial-grade asphalt installation for high-traffic areas.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13729.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-entrance-building_122409-74.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Line Striping",
|
||||
description: "Precision marking for compliant and safe parking lots.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrows-road_1127-200.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/yellow-road-marking-road-surface_1252-1140.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Line Striping", description: "Precision marking for compliant and safe parking lots.", imageSrc: "http://img.b2bpic.net/free-photo/arrows-road_1127-200.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/yellow-road-marking-road-surface_1252-1140.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Sealcoating",
|
||||
description: "Protective layers to extend the life of your asphalt surface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/road-works-highway-repair-street-machinery_169016-68718.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/profile-man-sitting-wheel-excavator_259150-57636.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Sealcoating", description: "Protective layers to extend the life of your asphalt surface.", imageSrc: "http://img.b2bpic.net/free-photo/road-works-highway-repair-street-machinery_169016-68718.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/profile-man-sitting-wheel-excavator_259150-57636.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive paving solutions for commercial, municipal, and residential properties."
|
||||
@@ -199,23 +87,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Veteran Owned",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Veteran Owned", value: "100%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Google Rating",
|
||||
value: "4.6",
|
||||
},
|
||||
id: "m2", icon: Star,
|
||||
title: "Google Rating", value: "4.6"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "1,000+",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Happy Clients", value: "1,000+"},
|
||||
]}
|
||||
title="Why Choose US PAVE"
|
||||
description="Veteran-owned business serving South Florida with integrity and precision."
|
||||
@@ -230,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Shopping Center Lot",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432952.jpg",
|
||||
},
|
||||
id: "p1", name: "Shopping Center Lot", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432952.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Warehouse Driveway",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-happy-male-electrician-showing-thumb-up-workplace_23-2148087637.jpg",
|
||||
},
|
||||
id: "p2", name: "Warehouse Driveway", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-happy-male-electrician-showing-thumb-up-workplace_23-2148087637.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Municipal Park",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/steamroller-with-smoke-wheels-white-background_1284-38794.jpg",
|
||||
},
|
||||
id: "p3", name: "Municipal Park", price: "Completed", imageSrc: "http://img.b2bpic.net/free-vector/steamroller-with-smoke-wheels-white-background_1284-38794.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "HOA Streets",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distance-concept-outdoor_23-2148768466.jpg",
|
||||
},
|
||||
id: "p4", name: "HOA Streets", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/social-distance-concept-outdoor_23-2148768466.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Retail Park",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-high-angle_23-2149714275.jpg",
|
||||
},
|
||||
id: "p5", name: "Retail Park", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-high-angle_23-2149714275.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Office Complex",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-with-pallet-truck_627829-11411.jpg",
|
||||
},
|
||||
id: "p6", name: "Office Complex", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-with-pallet-truck_627829-11411.jpg"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Real examples of our commercial paving work across Fort Lauderdale."
|
||||
@@ -277,45 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Experience",
|
||||
quote: "Professional, fast, and high quality.",
|
||||
name: "Sarah J.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Great Experience", quote: "Professional, fast, and high quality.", name: "Sarah J.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Top Notch",
|
||||
quote: "The team at US PAVE exceeded our expectations.",
|
||||
name: "Kevin L.",
|
||||
role: "HOA Board",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-male-office-workers-working-with-laptop_171337-5836.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "Top Notch", quote: "The team at US PAVE exceeded our expectations.", name: "Kevin L.", role: "HOA Board", imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-male-office-workers-working-with-laptop_171337-5836.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Highly Recommend",
|
||||
quote: "Veteran-owned business that does it right.",
|
||||
name: "Robert B.",
|
||||
role: "Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2",
|
||||
},
|
||||
id: "3", title: "Highly Recommend", quote: "Veteran-owned business that does it right.", name: "Robert B.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Very Happy",
|
||||
quote: "Great communication from start to finish.",
|
||||
name: "Lisa M.",
|
||||
role: "Commercial Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg?_wi=2",
|
||||
},
|
||||
id: "4", title: "Very Happy", quote: "Great communication from start to finish.", name: "Lisa M.", role: "Commercial Manager", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg?_wi=2"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Efficient",
|
||||
quote: "They kept the project moving efficiently.",
|
||||
name: "Mike S.",
|
||||
role: "Site Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-riding-scooter-outside_23-2149019505.jpg?_wi=2",
|
||||
},
|
||||
id: "5", title: "Efficient", quote: "They kept the project moving efficiently.", name: "Mike S.", role: "Site Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-riding-scooter-outside_23-2149019505.jpg?_wi=2"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See what our commercial partners have to say about our work."
|
||||
@@ -337,30 +162,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "1. Consultation",
|
||||
content: "Initial discussion about your property and paving needs.",
|
||||
},
|
||||
id: "f1", title: "1. Consultation", content: "Initial discussion about your property and paving needs."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "2. Site Inspection",
|
||||
content: "Our experts visit to assess site conditions and requirements.",
|
||||
},
|
||||
id: "f2", title: "2. Site Inspection", content: "Our experts visit to assess site conditions and requirements."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "3. Estimate",
|
||||
content: "Detailed, no-obligation quote for your approval.",
|
||||
},
|
||||
id: "f3", title: "3. Estimate", content: "Detailed, no-obligation quote for your approval."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "4. Scheduling",
|
||||
content: "Strategic scheduling to minimize disruption.",
|
||||
},
|
||||
id: "f4", title: "4. Scheduling", content: "Strategic scheduling to minimize disruption."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "5. Project Completion",
|
||||
content: "Professional execution ensuring high quality.",
|
||||
},
|
||||
id: "f5", title: "5. Project Completion", content: "Professional execution ensuring high quality."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194830.jpg"
|
||||
title="Our Paving Process"
|
||||
@@ -374,53 +184,39 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get A Quote"
|
||||
title="Ready to get started?"
|
||||
description="Get in touch with our team today for a free estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (954) 210-7481",
|
||||
href: "tel:9542107481",
|
||||
},
|
||||
text: "Call (954) 210-7481", href: "tel:9542107481"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdloN10xAnyxqeJ5lJcm41QAkk/uploaded-1778620285570-i3hewc2v.jpg"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -430,4 +226,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user