Merge version_1 into main #2
248
src/app/page.tsx
248
src/app/page.tsx
@@ -30,23 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="Noggle Roofing"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:5550100",
|
||||
}}
|
||||
text: "Call Now", href: "tel:5550100"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,73 +48,39 @@ export default function LandingPage() {
|
||||
description="Family-owned excellence delivering same-day repairs, honest pricing, and elite workmanship for your home."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James R.",
|
||||
handle: "@ homeowner",
|
||||
testimonial: "Came out in 1 day and fixed my leak immediately. True pros!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-beautiful-smile_23-2148336915.jpg?_wi=1",
|
||||
},
|
||||
name: "James R.", handle: "@ homeowner", testimonial: "Came out in 1 day and fixed my leak immediately. True pros!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-beautiful-smile_23-2148336915.jpg"},
|
||||
{
|
||||
name: "Maria L.",
|
||||
handle: "@ homeowner",
|
||||
testimonial: "Gave multiple options and explained everything clearly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-inside_23-2149246353.jpg?_wi=1",
|
||||
},
|
||||
name: "Maria L.", handle: "@ homeowner", testimonial: "Gave multiple options and explained everything clearly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-inside_23-2149246353.jpg"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@ homeowner",
|
||||
testimonial: "Professional, fast, and fair pricing. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-39526.jpg?_wi=1",
|
||||
},
|
||||
name: "David K.", handle: "@ homeowner", testimonial: "Professional, fast, and fair pricing. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-39526.jpg"},
|
||||
{
|
||||
name: "Anna S.",
|
||||
handle: "@ homeowner",
|
||||
testimonial: "Best service I have ever used for my home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-new-flat_1098-17257.jpg",
|
||||
},
|
||||
name: "Anna S.", handle: "@ homeowner", testimonial: "Best service I have ever used for my home.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-new-flat_1098-17257.jpg"},
|
||||
{
|
||||
name: "Mark T.",
|
||||
handle: "@ homeowner",
|
||||
testimonial: "Excellent quality and timely execution.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162257.jpg",
|
||||
},
|
||||
name: "Mark T.", handle: "@ homeowner", testimonial: "Excellent quality and timely execution.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162257.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550100",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550100"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg",
|
||||
alt: "Satisfied customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg", alt: "Satisfied customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg", alt: "Happy client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
|
||||
alt: "Professional partner portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg", alt: "Professional partner portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-house-star-icons_53876-71032.jpg",
|
||||
alt: "Homeowner portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-house-star-icons_53876-71032.jpg", alt: "Homeowner portrait"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,94 +92,58 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Rapid response to any structural damage or integrity issues.",
|
||||
icon: Building2,
|
||||
title: "Roof Repairs", description: "Rapid response to any structural damage or integrity issues.", icon: Building2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-roof_23-2149343669.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-roof_23-2149343669.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=2",
|
||||
imageAlt: "roof repair service professional",
|
||||
},
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "Advanced diagnostic tech to pinpoint hidden water entry points.",
|
||||
icon: Search,
|
||||
title: "Leak Detection", description: "Advanced diagnostic tech to pinpoint hidden water entry points.", icon: Search,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks_342744-442.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks_342744-442.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-stripes-background_23-2148744280.jpg",
|
||||
imageAlt: "roof repair service professional",
|
||||
},
|
||||
{
|
||||
title: "Metal Roofing",
|
||||
description: "High-durability metal installation for modern protection.",
|
||||
icon: ShieldCheck,
|
||||
title: "Metal Roofing", description: "High-durability metal installation for modern protection.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_74190-4523.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_74190-4523.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-grooved-metal-rooftops_53876-74730.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-grooved-metal-rooftops_53876-74730.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg",
|
||||
imageAlt: "roof repair service professional",
|
||||
},
|
||||
{
|
||||
title: "Shingle Replacement",
|
||||
description: "Premium shingle selection and master installation.",
|
||||
icon: Layers,
|
||||
title: "Shingle Replacement", description: "Premium shingle selection and master installation.", icon: Layers,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-clay-roof-tile_657883-716.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-clay-roof-tile_657883-716.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-beautiful-smile_23-2148336915.jpg?_wi=2",
|
||||
imageAlt: "roof repair service professional",
|
||||
},
|
||||
{
|
||||
title: "Gutter Work",
|
||||
description: "Precision gutter systems to protect your roof’s foundation.",
|
||||
icon: Droplets,
|
||||
title: "Gutter Work", description: "Precision gutter systems to protect your roof’s foundation.", icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-inside_23-2149246353.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-inside_23-2149246353.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-white-note-song-entertainment_1127-2772.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-white-note-song-entertainment_1127-2772.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-39526.jpg?_wi=2",
|
||||
imageAlt: "roof repair service professional",
|
||||
},
|
||||
{
|
||||
title: "Roof Coating",
|
||||
description: "Energy-efficient coatings to extend your roof lifespan.",
|
||||
icon: Sparkles,
|
||||
title: "Roof Coating", description: "Energy-efficient coatings to extend your roof lifespan.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-outdoors-full-shot_23-2149714278.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-outdoors-full-shot_23-2149714278.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-showcasing-their-home_23-2151624863.jpg?_wi=1",
|
||||
imageAlt: "roof repair service professional",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Roofing Services"
|
||||
@@ -237,45 +159,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "Happy Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-taking-picture-mom-son-kitchen_23-2148414943.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "Happy Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-taking-picture-mom-son-kitchen_23-2148414943.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162258.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162258.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25155.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25155.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "PM",
|
||||
company: "BuildLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "PM", company: "BuildLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
role: "Consultant",
|
||||
company: "Self",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-showcasing-their-home_23-2151624863.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Alex Smith", role: "Consultant", company: "Self", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-showcasing-their-home_23-2151624863.jpg"},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Proven results for local homeowners."
|
||||
@@ -291,25 +188,9 @@ export default function LandingPage() {
|
||||
description="Keep your home secure with the latest advice from our team."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Maintenance",
|
||||
title: "5 Tips for Roof Longevity",
|
||||
excerpt: "Learn how to keep your roof in perfect condition year-round.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-performs-overhaul-roof-residential-building_181624-61003.jpg",
|
||||
authorName: "The Noggle Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg",
|
||||
date: "Oct 12, 2023",
|
||||
},
|
||||
id: "b1", category: "Maintenance", title: "5 Tips for Roof Longevity", excerpt: "Learn how to keep your roof in perfect condition year-round.", imageSrc: "http://img.b2bpic.net/free-photo/worker-performs-overhaul-roof-residential-building_181624-61003.jpg", authorName: "The Noggle Team", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg", date: "Oct 12, 2023"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Repair",
|
||||
title: "Identifying Common Leaks",
|
||||
excerpt: "Don't let water damage surprise you. Spot the signs early.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg",
|
||||
authorName: "The Noggle Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg",
|
||||
date: "Sep 28, 2023",
|
||||
},
|
||||
id: "b2", category: "Repair", title: "Identifying Common Leaks", excerpt: "Don't let water damage surprise you. Spot the signs early.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg", authorName: "The Noggle Team", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg", date: "Sep 28, 2023"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -318,8 +199,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Urgent Service"
|
||||
title="Need Roof Work Done Fast?"
|
||||
description="Get a free estimate from Noggle Roofing today and ensure your roof is protected for the long haul."
|
||||
@@ -334,29 +214,19 @@ export default function LandingPage() {
|
||||
logoText="Noggle Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "555-0100",
|
||||
href: "tel:5550100",
|
||||
},
|
||||
label: "555-0100", href: "tel:5550100"},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:hello@noggle.com",
|
||||
},
|
||||
label: "Email Us", href: "mailto:hello@noggle.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user