Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-eg",
|
||||
},
|
||||
name: "Why Us", id: "why-eg"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="EG Roofing"
|
||||
/>
|
||||
@@ -54,46 +46,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Luxury Roofing, Built for Resilience."
|
||||
description="EG Roofing provides premium roofing solutions in Santa Cruz County with 20+ years of expertise. Unmatched craftsmanship, licensed & insured."
|
||||
tag="Trusted Master Craftsmen"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now (831) 555-0123",
|
||||
href: "tel:8315550123",
|
||||
},
|
||||
text: "Call Now (831) 555-0123", href: "tel:8315550123"},
|
||||
{
|
||||
text: "Get an Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get an Estimate", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=1",
|
||||
imageAlt: "High-end roofing project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg", imageAlt: "High-end roofing project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=1",
|
||||
imageAlt: "Detail work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg", imageAlt: "Detail work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=2",
|
||||
imageAlt: "Residential roof",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg", imageAlt: "Residential roof"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=2",
|
||||
imageAlt: "Craftsmanship",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg", imageAlt: "Craftsmanship"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=3",
|
||||
imageAlt: "Finished roofing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg", imageAlt: "Finished roofing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=3",
|
||||
imageAlt: "Copper flashing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg", imageAlt: "Copper flashing"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,23 +81,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Google Rating",
|
||||
value: "5.0+",
|
||||
},
|
||||
id: "m1", icon: Star,
|
||||
title: "Google Rating", value: "5.0+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Years Experience", value: "20+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ShieldCheck,
|
||||
title: "License Integrity",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m3", icon: ShieldCheck,
|
||||
title: "License Integrity", value: "100%"},
|
||||
]}
|
||||
title="Our Proven Impact"
|
||||
description="Standards of excellence that keep homes protected for decades."
|
||||
@@ -136,19 +102,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: UserCheck,
|
||||
label: "GC-Trusted",
|
||||
value: "Verified",
|
||||
},
|
||||
label: "GC-Trusted", value: "Verified"},
|
||||
{
|
||||
icon: Building,
|
||||
label: "Master Craft",
|
||||
value: "20Yrs",
|
||||
},
|
||||
label: "Master Craft", value: "20Yrs"},
|
||||
{
|
||||
icon: CheckCircle2,
|
||||
label: "Licensed",
|
||||
value: "Insured",
|
||||
},
|
||||
label: "Licensed", value: "Insured"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -161,70 +121,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Roof Replacement",
|
||||
description: "Full architectural shingle replacement with top-tier material guarantees.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=4",
|
||||
imageAlt: "Replacement",
|
||||
},
|
||||
id: "f1", title: "Roof Replacement", description: "Full architectural shingle replacement with top-tier material guarantees.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg", imageAlt: "Replacement"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Premium Materials",
|
||||
},
|
||||
text: "Premium Materials"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Expert Labor",
|
||||
},
|
||||
text: "Expert Labor"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=4",
|
||||
imageAlt: "luxury roof installation twilight",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Roof Repair",
|
||||
description: "Rapid response repairs for leaks, flashing issues, and storm damage.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=5",
|
||||
imageAlt: "Repair",
|
||||
},
|
||||
id: "f2", title: "Roof Repair", description: "Rapid response repairs for leaks, flashing issues, and storm damage.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg", imageAlt: "Repair"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Quick Response",
|
||||
},
|
||||
text: "Quick Response"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Weatherproof",
|
||||
},
|
||||
text: "Weatherproof"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=6",
|
||||
imageAlt: "professional roofing detail shot",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Gutter Systems",
|
||||
description: "Seamless gutter installation and cleaning for improved water management.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=7",
|
||||
imageAlt: "Gutters",
|
||||
},
|
||||
id: "f3", title: "Gutter Systems", description: "Seamless gutter installation and cleaning for improved water management.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg", imageAlt: "Gutters"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Custom Sizing",
|
||||
},
|
||||
text: "Custom Sizing"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Leak-Free",
|
||||
},
|
||||
text: "Leak-Free"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
|
||||
imageAlt: "professional contractor portrait",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Professional Roofing Services"
|
||||
@@ -238,45 +171,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellence",
|
||||
quote: "Efrain and his team were prompt, professional, and delivered a perfect job.",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Excellence", quote: "Efrain and his team were prompt, professional, and delivered a perfect job.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Craftsmanship",
|
||||
quote: "The copper flashing detail is incredible. Best in Santa Cruz.",
|
||||
name: "Mike D.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blond-businesswoman-pressing-touchscreen-button_93675-133103.jpg",
|
||||
},
|
||||
id: "2", title: "Craftsmanship", quote: "The copper flashing detail is incredible. Best in Santa Cruz.", name: "Mike D.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/young-blond-businesswoman-pressing-touchscreen-button_93675-133103.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Efficient",
|
||||
quote: "Completed the entire re-roof in record time. Clean and precise.",
|
||||
name: "Laura P.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg",
|
||||
},
|
||||
id: "3", title: "Efficient", quote: "Completed the entire re-roof in record time. Clean and precise.", name: "Laura P.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Highly Recommend",
|
||||
quote: "Honest, reliable, and premium results. Will definitely use them again.",
|
||||
name: "Kevin L.",
|
||||
role: "Builder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-giving-high-five_74855-1134.jpg",
|
||||
},
|
||||
id: "4", title: "Highly Recommend", quote: "Honest, reliable, and premium results. Will definitely use them again.", name: "Kevin L.", role: "Builder", imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-giving-high-five_74855-1134.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top Tier",
|
||||
quote: "Simply the best experience I have had with any contractor in California.",
|
||||
name: "David R.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg?_wi=2",
|
||||
},
|
||||
id: "5", title: "Top Tier", quote: "Simply the best experience I have had with any contractor in California.", name: "David R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg"},
|
||||
]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="See why Santa Cruz relies on EG Roofing for premium results."
|
||||
@@ -287,8 +190,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Luxury Roof Project"
|
||||
description="Get a professional consultation from Efrain and the EG Roofing team today."
|
||||
@@ -298,45 +200,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg?_wi=5"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Replacement",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Replacement", href: "#services"},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repairs", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Insurance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Insurance", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user