Merge version_1 into main #1
280
src/app/page.tsx
280
src/app/page.tsx
@@ -32,95 +32,40 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Peyton & Sons"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Expert Roofing Solutions You Can Trust"
|
||||
description="At Peyton & Sons Roofers LLC, we provide top-tier residential and commercial roofing services. Quality craftsmanship, timely delivery, and unmatched customer service define our legacy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Our Services", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg"
|
||||
imageAlt="Professional roof installation services"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
|
||||
alt: "Satisfied homeowner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
alt: "Professional partner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
|
||||
alt: "Long-term client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg",
|
||||
alt: "Certified technician",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", alt: "Satisfied homeowner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", alt: "Professional partner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg", alt: "Long-term client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg", alt: "Certified technician" },
|
||||
]}
|
||||
avatarText="Trusted by over 5,000+ happy homeowners across the region."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Repairs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industry Leading Warranties",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive Local Pricing",
|
||||
},
|
||||
{ type: "text", text: "24/7 Emergency Repairs" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Industry Leading Warranties" },
|
||||
{ type: "text", text: "Eco-Friendly Materials" },
|
||||
{ type: "text", text: "Competitive Local Pricing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,21 +75,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "5000+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Customer Satisfaction",
|
||||
value: "100%",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "25+" },
|
||||
{ icon: CheckCircle, label: "Projects Completed", value: "5000+" },
|
||||
{ icon: Shield, label: "Customer Satisfaction", value: "100%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -156,27 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Asphalt Shingle Roofing",
|
||||
subtitle: "Durable and affordable",
|
||||
category: "Residential",
|
||||
value: "Popular",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Metal Roofing Systems",
|
||||
subtitle: "Long-lasting and modern",
|
||||
category: "Commercial",
|
||||
value: "Premium",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Roof Inspection & Repair",
|
||||
subtitle: "Detailed damage assessment",
|
||||
category: "Emergency",
|
||||
value: "Essential",
|
||||
},
|
||||
{ id: "1", title: "Asphalt Shingle Roofing", subtitle: "Durable and affordable", category: "Residential", value: "Popular" },
|
||||
{ id: "2", title: "Metal Roofing Systems", subtitle: "Long-lasting and modern", category: "Commercial", value: "Premium" },
|
||||
{ id: "3", title: "Roof Inspection & Repair", subtitle: "Detailed damage assessment", category: "Emergency", value: "Essential" },
|
||||
]}
|
||||
title="Services We Provide"
|
||||
description="We specialize in comprehensive roofing solutions designed to protect your home and business."
|
||||
@@ -187,15 +102,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"RoofCo",
|
||||
"ApexBuild",
|
||||
"SolidFoundation",
|
||||
"MasterRoofers",
|
||||
"SafeHome",
|
||||
"BuiltRight",
|
||||
"PrimeRoof",
|
||||
]}
|
||||
names={["RoofCo", "ApexBuild", "SolidFoundation", "MasterRoofers", "SafeHome", "BuiltRight", "PrimeRoof"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We partner with top-tier suppliers and local businesses."
|
||||
/>
|
||||
@@ -208,38 +115,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "$5,000",
|
||||
subtitle: "Basic repair and maintenance package",
|
||||
features: [
|
||||
"Minor leak repair",
|
||||
"Inspection report",
|
||||
"Gutter cleaning",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "basic", badge: "Standard", price: "$5,000", subtitle: "Basic repair and maintenance package", features: ["Minor leak repair", "Inspection report", "Gutter cleaning"],
|
||||
buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Pro",
|
||||
price: "$12,000",
|
||||
subtitle: "Full roof shingle replacement",
|
||||
features: [
|
||||
"Complete shingle replacement",
|
||||
"Extended warranty",
|
||||
"Materials included",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "premium", badge: "Pro", price: "$12,000", subtitle: "Full roof shingle replacement", features: ["Complete shingle replacement", "Extended warranty", "Materials included"],
|
||||
buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Roofing Packages"
|
||||
@@ -252,46 +133,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Job",
|
||||
quote: "Fantastic service and great quality.",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Great Experience",
|
||||
quote: "Reliable and professional team.",
|
||||
name: "John Doe",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-dancing-apartment_23-2147744871.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Very Happy",
|
||||
quote: "High quality work, highly recommended.",
|
||||
name: "Emily Chen",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Top Notch",
|
||||
quote: "Fast, clean, and very efficient.",
|
||||
name: "Mike Ross",
|
||||
role: "Contractor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-satisfied-man-rejoicing-founding-perfect-home-apartment-holding-paper-house-model-standing_1258-26617.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Quality Roofing",
|
||||
quote: "They fixed our roof in just one day.",
|
||||
name: "Jessica Lee",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg",
|
||||
},
|
||||
{ id: "1", title: "Excellent Job", quote: "Fantastic service and great quality.", name: "Sarah Miller", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg" },
|
||||
{ id: "2", title: "Great Experience", quote: "Reliable and professional team.", name: "John Doe", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-dancing-apartment_23-2147744871.jpg" },
|
||||
{ id: "3", title: "Very Happy", quote: "High quality work, highly recommended.", name: "Emily Chen", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg" },
|
||||
{ id: "4", title: "Top Notch", quote: "Fast, clean, and very efficient.", name: "Mike Ross", role: "Contractor", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-satisfied-man-rejoicing-founding-perfect-home-apartment-holding-paper-house-model-standing_1258-26617.jpg" },
|
||||
{ id: "5", title: "Quality Roofing", quote: "They fixed our roof in just one day.", name: "Jessica Lee", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what our satisfied clients say about us."
|
||||
@@ -303,21 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, we provide extensive warranties on all materials and labor.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does a roof last?",
|
||||
content: "Typically 20-50 years depending on the material type.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer emergency repairs?",
|
||||
content: "Yes, we offer 24/7 emergency repair services.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer warranties?", content: "Yes, we provide extensive warranties on all materials and labor." },
|
||||
{ id: "2", title: "How long does a roof last?", content: "Typically 20-50 years depending on the material type." },
|
||||
{ id: "3", title: "Do you offer emergency repairs?", content: "Yes, we offer 24/7 emergency repair services." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers about our roofing services."
|
||||
@@ -328,21 +162,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Ready to fix your roof?"
|
||||
title="Contact Peyton & Sons Today"
|
||||
description="Give us a call or send a message for a free inspection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+18005550199",
|
||||
},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@peytonroofers.com",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+18005550199" },
|
||||
{ text: "Email Us", href: "mailto:info@peytonroofers.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -351,30 +177,10 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
logoText="Peyton & Sons Roofers LLC"
|
||||
@@ -383,4 +189,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user