Merge version_1 into main #2
205
src/app/page.tsx
205
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="E & S Roofing LLC"
|
||||
/>
|
||||
@@ -56,21 +48,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
variant: "downward-rays-static-grid"}}
|
||||
logoText="E & S Roofing LLC"
|
||||
description="Your trusted partner for quality roofing solutions in Gilbert, AZ. Expert craftsmanship and reliable service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg"
|
||||
imageAlt="Professional roof replacement in Gilbert"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -84,17 +71,11 @@ export default function LandingPage() {
|
||||
description="With years of experience serving Gilbert, AZ, E & S Roofing LLC combines local expertise with top-tier roofing techniques. We treat every home as if it were our own."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed & Insured",
|
||||
description: "Fully compliant and protected for your peace of mind.",
|
||||
},
|
||||
title: "Licensed & Insured", description: "Fully compliant and protected for your peace of mind."},
|
||||
{
|
||||
title: "Local Expertise",
|
||||
description: "We understand the unique roofing needs of Gilbert homes.",
|
||||
},
|
||||
title: "Local Expertise", description: "We understand the unique roofing needs of Gilbert homes."},
|
||||
{
|
||||
title: "Quality Materials",
|
||||
description: "Using only high-grade shingles and tiles.",
|
||||
},
|
||||
title: "Quality Materials", description: "Using only high-grade shingles and tiles."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-factory-worker-protective-equipment-standing-metal-staircase-production-plant_342744-439.jpg"
|
||||
imageAlt="Our expert roofing team"
|
||||
@@ -109,26 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Roof Replacement",
|
||||
subtitle: "Complete tear-off and installation.",
|
||||
category: "Installation",
|
||||
value: "High-Quality",
|
||||
},
|
||||
id: "1", title: "Roof Replacement", subtitle: "Complete tear-off and installation.", category: "Installation", value: "High-Quality"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Roof Repair",
|
||||
subtitle: "Quick fixes for leaks and damage.",
|
||||
category: "Repair",
|
||||
value: "Fast Response",
|
||||
},
|
||||
id: "2", title: "Roof Repair", subtitle: "Quick fixes for leaks and damage.", category: "Repair", value: "Fast Response"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Maintenance",
|
||||
subtitle: "Preventative care for long life.",
|
||||
category: "Care",
|
||||
value: "Thorough",
|
||||
},
|
||||
id: "3", title: "Maintenance", subtitle: "Preventative care for long life.", category: "Care", value: "Thorough"},
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="From emergency repairs to full roof replacements, we have the solutions."
|
||||
@@ -142,53 +108,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Excellent service and very prompt. My roof looks amazing!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-her-girlfriend-s-hand-sitting-outdoor_23-2147891197.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Excellent service and very prompt. My roof looks amazing!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-her-girlfriend-s-hand-sitting-outdoor_23-2147891197.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Very professional and friendly team. Great experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-smiling-broadly-agree-recommend-perfect-product-skincare-standing-satisfied-orange-background_1258-308855.jpg",
|
||||
},
|
||||
id: "2", name: "John Doe", handle: "@johndoe", testimonial: "Very professional and friendly team. Great experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-smiling-broadly-agree-recommend-perfect-product-skincare-standing-satisfied-orange-background_1258-308855.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rose",
|
||||
handle: "@emilyrose",
|
||||
testimonial: "Best roofing experience ever. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rose", handle: "@emilyrose", testimonial: "Best roofing experience ever. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike Smith",
|
||||
handle: "@mikesmith",
|
||||
testimonial: "Professional, reliable, and fair pricing. Top-notch work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-man_171337-12020.jpg",
|
||||
},
|
||||
id: "4", name: "Mike Smith", handle: "@mikesmith", testimonial: "Professional, reliable, and fair pricing. Top-notch work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-man_171337-12020.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Karen Hunt",
|
||||
handle: "@karenh",
|
||||
testimonial: "Efficient, neat, and very helpful through the process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg",
|
||||
},
|
||||
id: "5", name: "Karen Hunt", handle: "@karenh", testimonial: "Efficient, neat, and very helpful through the process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Dave Wilson",
|
||||
handle: "@davew",
|
||||
testimonial: "Quick repair and excellent result. Very happy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-eyed-woman-with-stylish-bun-smiles_197531-17034.jpg",
|
||||
},
|
||||
id: "6", name: "Dave Wilson", handle: "@davew", testimonial: "Quick repair and excellent result. Very happy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-eyed-woman-with-stylish-bun-smiles_197531-17034.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -202,20 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "Most projects are completed within 3 to 5 days.",
|
||||
},
|
||||
id: "1", title: "How long does a roof replacement take?", content: "Most projects are completed within 3 to 5 days."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, all our quotes are free and no-obligation.",
|
||||
},
|
||||
id: "2", title: "Do you offer free quotes?", content: "Yes, all our quotes are free and no-obligation."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What areas do you cover?",
|
||||
content: "We primarily serve Gilbert and surrounding Maricopa County areas.",
|
||||
},
|
||||
id: "3", title: "What areas do you cover?", content: "We primarily serve Gilbert and surrounding Maricopa County areas."},
|
||||
]}
|
||||
title="Common Roofing Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -231,25 +158,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "Successfully finished roofing projects",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "500+", title: "Projects Completed", description: "Successfully finished roofing projects", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
title: "Years Experience",
|
||||
description: "Years of expert roofing service",
|
||||
icon: Award,
|
||||
id: "m2", value: "15", title: "Years Experience", description: "Years of expert roofing service", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Customer happiness guarantee",
|
||||
icon: Smile,
|
||||
id: "m3", value: "100%", title: "Satisfaction", description: "Customer happiness guarantee", icon: Smile,
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
@@ -264,26 +179,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Management",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Management", members: [
|
||||
{
|
||||
id: "t1",
|
||||
title: "CEO",
|
||||
subtitle: "Founder",
|
||||
detail: "Leading with values since day one.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-woman-sunglasses-look-camera_197531-33795.jpg",
|
||||
},
|
||||
id: "t1", title: "CEO", subtitle: "Founder", detail: "Leading with values since day one.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-woman-sunglasses-look-camera_197531-33795.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Ops Manager",
|
||||
subtitle: "Service Lead",
|
||||
detail: "Ensuring every project meets standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
|
||||
},
|
||||
id: "t2", title: "Ops Manager", subtitle: "Service Lead", detail: "Ensuring every project meets standards.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner portrait smiling",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Leaders"
|
||||
@@ -298,22 +199,14 @@ export default function LandingPage() {
|
||||
description="Get in touch today for professional advice and estimates."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Details about your roofing project",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Details about your roofing project", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg"
|
||||
@@ -327,29 +220,19 @@ export default function LandingPage() {
|
||||
logoText="E & S Roofing LLC"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user