Update src/app/page.tsx
This commit is contained in:
288
src/app/page.tsx
288
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { AlertTriangle, ArrowDown, Award, CheckCircle, Home, Layout, MapPin, Shield, Star, Users, Wrench } from "lucide-react";
|
||||
import { AlertTriangle, ArrowDown, Award, CheckCircle, CheckSquare, Home, Layout, MapPin, Shield, Star, Users, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,77 +30,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Estimate",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Estimate", href: "#contact"}}
|
||||
brandName="JM Roofing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Protecting Your Legacy, One Roof at a Time."
|
||||
description="Jim Sand's Roofing offers 3rd-generation craftsmanship and a premium customer experience, right here in Seymour, TN. Trust the local family name."
|
||||
buttons={[
|
||||
{
|
||||
text: "Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Free Estimate", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=1",
|
||||
imageAlt: "Luxurious house with new roof",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg?_wi=1",
|
||||
imageAlt: "Macro view of premium shingles",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg",
|
||||
imageAlt: "Professional roofing team at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15602.jpg",
|
||||
imageAlt: "Overhead view of roofing project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-house-porch-with-green-lawn-flower-boxes_23-2151974397.jpg?_wi=1",
|
||||
imageAlt: "Luxury home porch roof",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg",
|
||||
imageAlt: "Detail of quality roofing craftsmanship",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg", imageAlt: "Luxurious house with new roof" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg", imageAlt: "Macro view of premium shingles" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", imageAlt: "Professional roofing team at work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15602.jpg", imageAlt: "Overhead view of roofing project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-house-porch-with-green-lawn-flower-boxes_23-2151974397.jpg", imageAlt: "Luxury home porch roof" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg", imageAlt: "Detail of quality roofing craftsmanship" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,26 +67,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built on Tennessee Trust"
|
||||
metrics={[
|
||||
{
|
||||
icon: Home,
|
||||
label: "Status",
|
||||
value: "Family Owned",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Legacy",
|
||||
value: "3rd Gen",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Rating",
|
||||
value: "4.5 Stars",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Estimate",
|
||||
value: "Free/Easy",
|
||||
},
|
||||
{ icon: Home, label: "Status", value: "Family Owned" },
|
||||
{ icon: Award, label: "Legacy", value: "3rd Gen" },
|
||||
{ icon: Star, label: "Google Rating", value: "4.5 Stars" },
|
||||
{ icon: CheckCircle, label: "Estimate", value: "Free/Easy" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -142,52 +83,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roofing Services",
|
||||
description: "Expert replacement, repair, and inspection tailored to your specific needs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=2",
|
||||
},
|
||||
title: "Roofing Services", description: "Expert replacement, repair, and inspection tailored to your specific needs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Full Roof Replacement",
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Precision Repairs",
|
||||
},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
text: "Storm Inspections",
|
||||
},
|
||||
{ icon: Shield, text: "Full Roof Replacement" },
|
||||
{ icon: Wrench, text: "Precision Repairs" },
|
||||
{ icon: AlertTriangle, text: "Storm Inspections" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=3",
|
||||
imageAlt: "luxury residential roof installation",
|
||||
},
|
||||
{
|
||||
title: "Home Exterior",
|
||||
description: "Quality siding and porch cover installation to enhance curb appeal.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-house-porch-with-green-lawn-flower-boxes_23-2151974397.jpg?_wi=2",
|
||||
},
|
||||
title: "Home Exterior", description: "Quality siding and porch cover installation to enhance curb appeal.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-house-porch-with-green-lawn-flower-boxes_23-2151974397.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: ArrowDown,
|
||||
text: "Premium Siding",
|
||||
},
|
||||
{
|
||||
icon: Layout,
|
||||
text: "Porch Covers",
|
||||
},
|
||||
{
|
||||
icon: FileCheck,
|
||||
text: "Insurance Claim Help",
|
||||
},
|
||||
{ icon: ArrowDown, text: "Premium Siding" },
|
||||
{ icon: Layout, text: "Porch Covers" },
|
||||
{ icon: CheckSquare, text: "Insurance Claim Help" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg?_wi=2",
|
||||
imageAlt: "premium architectural roof shingles",
|
||||
},
|
||||
]}
|
||||
title="Premium Roofing & Exteriors"
|
||||
@@ -202,27 +113,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "3rd",
|
||||
title: "Generation",
|
||||
description: "Family-owned since day one.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "4.5",
|
||||
title: "Google Rating",
|
||||
description: "Over 22 reviews of excellence.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Local",
|
||||
title: "Craftsmanship",
|
||||
description: "Proudly serving Seymour.",
|
||||
icon: MapPin,
|
||||
},
|
||||
{ id: "1", value: "3rd", title: "Generation", description: "Family-owned since day one.", icon: Users },
|
||||
{ id: "2", value: "4.5", title: "Google Rating", description: "Over 22 reviews of excellence.", icon: Star },
|
||||
{ id: "3", value: "Local", title: "Craftsmanship", description: "Proudly serving Seymour.", icon: MapPin },
|
||||
]}
|
||||
title="3 Generations of Craftsmanship"
|
||||
description="Founded by Jim Sand, our family roofing business carries on a legacy of integrity, quality, and local Tennessee pride."
|
||||
@@ -231,49 +124,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Seymour, TN",
|
||||
testimonial: "The process was smooth from start to finish. Jim Sand’s team was incredibly respectful of our property.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149745572.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "Seymour, TN", testimonial: "The process was smooth from start to finish. Jim Sand’s team was incredibly respectful of our property.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149745572.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "Knox County",
|
||||
testimonial: "Quality work and strong communication throughout the entire project. Truly a trusted family name.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-as-real-estate-agents_23-2151064915.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "Knox County", testimonial: "Quality work and strong communication throughout the entire project. Truly a trusted family name.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-as-real-estate-agents_23-2151064915.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Seymour, TN",
|
||||
testimonial: "Best in the business. Very happy with my roof replacement and the honest communication.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-caucasian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1061.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "Seymour, TN", testimonial: "Best in the business. Very happy with my roof replacement and the honest communication.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-caucasian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1061.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "Knox County",
|
||||
testimonial: "Professional crew, great work, and very fair pricing for the quality delivered.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "Knox County", testimonial: "Professional crew, great work, and very fair pricing for the quality delivered.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Thompson",
|
||||
handle: "Seymour, TN",
|
||||
testimonial: "Jim Sand's Roofing made everything easy. So happy we chose a local family business.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frown-young-man-alley-park_23-2148322038.jpg",
|
||||
},
|
||||
id: "5", name: "Linda Thompson", handle: "Seymour, TN", testimonial: "Jim Sand's Roofing made everything easy. So happy we chose a local family business.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frown-young-man-alley-park_23-2148322038.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Neighbors Say"
|
||||
@@ -284,19 +153,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to protect your home? Call us at (865) 577-6725 or request a free estimate today. We’re here to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (865) 577-6725",
|
||||
href: "tel:8655776725",
|
||||
},
|
||||
{
|
||||
text: "Request Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now: (865) 577-6725", href: "tel:8655776725" },
|
||||
{ text: "Request Estimate", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -305,58 +166,25 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "JM Roofing",
|
||||
items: [
|
||||
{
|
||||
label: "1340 Springfield Dr A",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Seymour, TN 37865",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(865) 577-6725",
|
||||
href: "tel:8655776725",
|
||||
},
|
||||
title: "JM Roofing", items: [
|
||||
{ label: "1340 Springfield Dr A", href: "#" },
|
||||
{ label: "Seymour, TN 37865", href: "#" },
|
||||
{ label: "(865) 577-6725", href: "tel:8655776725" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Roof Replacement",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Roof Repair",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Storm Damage",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Siding",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Roof Replacement", href: "#services" },
|
||||
{ label: "Roof Repair", href: "#services" },
|
||||
{ label: "Storm Damage", href: "#services" },
|
||||
{ label: "Siding", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user