Merge version_1 into main #2
226
src/app/page.tsx
226
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { ShieldCheck, Star, Users } from "lucide-react";
|
||||
import { ShieldCheck, Star, Users, Wrench, ArrowUpCircle, Home, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="USA Roof"
|
||||
/>
|
||||
@@ -53,67 +41,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Stop Roof Problems Before They Cost You Thousands"
|
||||
description="Palm City’s trusted roofing experts delivering fast, affordable, and high-quality roof repair and replacement services. Free inspection and same-day quotes available."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+17728886887",
|
||||
},
|
||||
{ text: "Get Free Inspection", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+17728886887" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-resort-lanzarote-spain-sunny-day_181624-23163.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-resort-lanzarote-spain-sunny-day_181624-23163.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/house-entrance-japanese-building_23-2149301129.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plain-concrete-structure-city_23-2148814196.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wide-shot-beautiful-architecture-modern-house_181624-3464.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912530.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/house-entrance-japanese-building_23-2149301129.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plain-concrete-structure-city_23-2148814196.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wide-shot-beautiful-architecture-modern-house_181624-3464.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912530.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Palm City Local",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Estimates",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Palm City Local" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Fast Turnaround" },
|
||||
{ type: "text", text: "Free Estimates" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,21 +73,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Trust USA Roof"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "4.9/5",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Homeowners",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "License & Insurance",
|
||||
value: "Fully Verified",
|
||||
},
|
||||
{ icon: Star, label: "Rating", value: "4.9/5" },
|
||||
{ icon: Users, label: "Happy Homeowners", value: "500+" },
|
||||
{ icon: ShieldCheck, label: "License & Insurance", value: "Fully Verified" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -148,30 +86,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Fix leaks fast before they cause expensive damage to your home structure.",
|
||||
buttonIcon: "Wrench",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Upgrade your home with a durable, long-lasting roof using top-tier materials.",
|
||||
buttonIcon: "ArrowUpCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-with-construction-tools-construction-site-looking-blueprint_169016-5269.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "New Installation",
|
||||
description: "Expert installation services built for maximum strength and decades of longevity.",
|
||||
buttonIcon: "Home",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Preventative Care",
|
||||
description: "Regular inspections to catch potential issues before they become emergencies.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",
|
||||
},
|
||||
{ title: "Roof Repair", description: "Fix leaks fast before they cause expensive damage to your home structure.", buttonIcon: Wrench, imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg" },
|
||||
{ title: "Roof Replacement", description: "Upgrade your home with a durable, long-lasting roof using top-tier materials.", buttonIcon: ArrowUpCircle, imageSrc: "http://img.b2bpic.net/free-photo/builder-with-construction-tools-construction-site-looking-blueprint_169016-5269.jpg" },
|
||||
{ title: "New Installation", description: "Expert installation services built for maximum strength and decades of longevity.", buttonIcon: Home, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg" },
|
||||
{ title: "Preventative Care", description: "Regular inspections to catch potential issues before they become emergencies.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg" },
|
||||
]}
|
||||
title="Our Expert Roofing Services"
|
||||
description="We specialize in delivering durable, high-quality roofing solutions for Palm City homeowners."
|
||||
@@ -185,26 +103,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1-3 Days",
|
||||
description: "Fast turnaround times on all standard roof replacements.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Competitive",
|
||||
description: "Affordable, transparent pricing without compromising quality.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Premium",
|
||||
description: "Highest-grade materials ensuring your home's protection.",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "5-Star",
|
||||
description: "Consistently rated for excellence and professionalism.",
|
||||
},
|
||||
{ id: "m1", value: "1-3 Days", description: "Fast turnaround times on all standard roof replacements." },
|
||||
{ id: "m2", value: "Competitive", description: "Affordable, transparent pricing without compromising quality." },
|
||||
{ id: "m3", value: "Premium", description: "Highest-grade materials ensuring your home's protection." },
|
||||
{ id: "m4", value: "5-Star", description: "Consistently rated for excellence and professionalism." },
|
||||
]}
|
||||
title="The USA Roof Difference"
|
||||
description="Excellence is our standard. Here is why homeowners choose us every single time."
|
||||
@@ -216,51 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Highly Recommend",
|
||||
quote: "Top-notch service, completed quickly and professionally. My roof looks amazing.",
|
||||
name: "Mike F.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg",
|
||||
imageAlt: "Medium shot men working on roof",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Very Affordable",
|
||||
quote: "Affordable, clean work, and very easy to deal with. They left no mess behind.",
|
||||
name: "Hope W.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-resort-lanzarote-spain-sunny-day_181624-23163.jpg?_wi=2",
|
||||
imageAlt: "Medium shot men working on roof",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Excellent Quality",
|
||||
quote: "Best price and amazing results. Highly recommend this team to anyone.",
|
||||
name: "Suzanne M.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=2",
|
||||
imageAlt: "Medium shot men working on roof",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Fast & Reliable",
|
||||
quote: "They fixed my leak in record time. Professional and very thorough.",
|
||||
name: "David L.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-with-construction-tools-construction-site-looking-blueprint_169016-5269.jpg?_wi=2",
|
||||
imageAlt: "Medium shot men working on roof",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top Experience",
|
||||
quote: "Amazing communication from start to finish. I feel much safer now.",
|
||||
name: "Sarah P.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg?_wi=2",
|
||||
imageAlt: "Medium shot men working on roof",
|
||||
},
|
||||
{ id: "1", title: "Highly Recommend", quote: "Top-notch service, completed quickly and professionally. My roof looks amazing.", name: "Mike F.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg" },
|
||||
{ id: "2", title: "Very Affordable", quote: "Affordable, clean work, and very easy to deal with. They left no mess behind.", name: "Hope W.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-resort-lanzarote-spain-sunny-day_181624-23163.jpg" },
|
||||
{ id: "3", title: "Excellent Quality", quote: "Best price and amazing results. Highly recommend this team to anyone.", name: "Suzanne M.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg" },
|
||||
{ id: "4", title: "Fast & Reliable", quote: "They fixed my leak in record time. Professional and very thorough.", name: "David L.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/builder-with-construction-tools-construction-site-looking-blueprint_169016-5269.jpg" },
|
||||
{ id: "5", title: "Top Experience", quote: "Amazing communication from start to finish. I feel much safer now.", name: "Sarah P.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg" },
|
||||
]}
|
||||
title="Homeowners Love USA Roof"
|
||||
description="Don't just take our word for it—hear what your neighbors in Palm City have to say."
|
||||
@@ -270,9 +132,7 @@ export default function LandingPage() {
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Don’t Wait Until Your Roof Gets Worse"
|
||||
description="Small issues turn into expensive repairs. Get your free inspection today with our professional team."
|
||||
buttonText="Get Free Quote"
|
||||
@@ -283,9 +143,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Book Your Free Roof Inspection"
|
||||
description="Leave your details and we will call you back within the hour to schedule your assessment."
|
||||
buttonText="Submit"
|
||||
@@ -296,14 +154,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="USA Roof"
|
||||
leftLink={{
|
||||
text: "Palm City, FL",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "+1 772-888-6887",
|
||||
href: "tel:+17728886887",
|
||||
}}
|
||||
leftLink={{ text: "Palm City, FL", href: "#" }}
|
||||
rightLink={{ text: "+1 772-888-6887", href: "tel:+17728886887" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user