Update src/app/page.tsx
This commit is contained in:
179
src/app/page.tsx
179
src/app/page.tsx
@@ -11,6 +11,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Home } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Meridian Roofing"
|
||||
/>
|
||||
@@ -54,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Meridian Roofing LLC"
|
||||
description="Premium Roofing. Honest Work. Built to Last."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:2082585239",
|
||||
},
|
||||
text: "Call Now", href: "tel:2082585239"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
|
||||
imageAlt: "residential roof replacement shingles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg", imageAlt: "residential roof replacement shingles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg",
|
||||
imageAlt: "residential roof replacement shingles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg", imageAlt: "residential roof replacement shingles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-8975.jpg",
|
||||
imageAlt: "residential roof replacement shingles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-8975.jpg", imageAlt: "residential roof replacement shingles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
|
||||
imageAlt: "residential roof replacement shingles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "residential roof replacement shingles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
|
||||
imageAlt: "residential roof replacement shingles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "residential roof replacement shingles"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -101,26 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0",
|
||||
title: "Customer Rating",
|
||||
description: "Based on 120+ happy clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-engineer-checks-maintenance-solar-cell-panels_1150-4262.jpg",
|
||||
},
|
||||
id: "m1", value: "5.0", title: "Customer Rating", description: "Based on 120+ happy clients.", imageSrc: "http://img.b2bpic.net/free-photo/technician-engineer-checks-maintenance-solar-cell-panels_1150-4262.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Licensed & Insured",
|
||||
description: "Fully protected service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks_342744-442.jpg",
|
||||
},
|
||||
id: "m2", value: "100%", title: "Licensed & Insured", description: "Fully protected service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks_342744-442.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Response Time",
|
||||
description: "Always ready to assist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Response Time", description: "Always ready to assist.", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg"},
|
||||
]}
|
||||
title="Our Standards"
|
||||
description="Excellence in every project."
|
||||
@@ -133,29 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Full-scale replacement services.",
|
||||
buttonIcon: "Home",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-muscles-holding-house-model-t-shirt-jacket-cap-looking-lucky-front-view_176474-58222.jpg",
|
||||
},
|
||||
title: "Roof Replacement", description: "Full-scale replacement services.", buttonIcon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-muscles-holding-house-model-t-shirt-jacket-cap-looking-lucky-front-view_176474-58222.jpg"},
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Fixing leaks and damage fast.",
|
||||
buttonIcon: "Home",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-builder-uniform-yellow-background_140725-112460.jpg",
|
||||
},
|
||||
title: "Roof Repairs", description: "Fixing leaks and damage fast.", buttonIcon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-builder-uniform-yellow-background_140725-112460.jpg"},
|
||||
{
|
||||
title: "Inspections",
|
||||
description: "Thorough professional assessments.",
|
||||
buttonIcon: "Home",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg",
|
||||
},
|
||||
title: "Inspections", description: "Thorough professional assessments.", buttonIcon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg"},
|
||||
{
|
||||
title: "Storm Damage",
|
||||
description: "Expert restoration services.",
|
||||
buttonIcon: "Home",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
|
||||
},
|
||||
title: "Storm Damage", description: "Expert restoration services.", buttonIcon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="High-quality workmanship with honest assessments and fair pricing."
|
||||
@@ -178,40 +129,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "They responded quickly and gave a very thorough inspection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "They responded quickly and gave a very thorough inspection.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Very fair pricing and great work. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", handle: "@markd", testimonial: "Very fair pricing and great work. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Excellent work, great company to work with!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Excellent work, great company to work with!", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom K.",
|
||||
handle: "@tomk",
|
||||
testimonial: "Trustworthy and professional. The best roofers in town.",
|
||||
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",
|
||||
},
|
||||
id: "t4", name: "Tom K.", handle: "@tomk", testimonial: "Trustworthy and professional. The best roofers in town.", 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"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane L.",
|
||||
handle: "@janel",
|
||||
testimonial: "Fast service and clean site. Very happy with results.",
|
||||
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-2178.jpg",
|
||||
},
|
||||
id: "t5", name: "Jane L.", handle: "@janel", testimonial: "Fast service and clean site. Very happy with results.", 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-2178.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Real feedback from our valued community."
|
||||
@@ -224,20 +150,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free inspections?",
|
||||
content: "Yes, we offer free, no-pressure inspections.",
|
||||
},
|
||||
id: "q1", title: "Do you offer free inspections?", content: "Yes, we offer free, no-pressure inspections."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely, we carry full insurance and licenses.",
|
||||
},
|
||||
id: "q2", title: "Are you licensed and insured?", content: "Absolutely, we carry full insurance and licenses."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How fast can you respond?",
|
||||
content: "We prioritize fast response times for emergencies.",
|
||||
},
|
||||
id: "q3", title: "How fast can you respond?", content: "We prioritize fast response times for emergencies."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your roofing queries."
|
||||
@@ -252,22 +169,14 @@ export default function LandingPage() {
|
||||
description="Fast, honest, and no-pressure estimates. Contact us today."
|
||||
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: "Tell us about your project",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg"
|
||||
@@ -280,25 +189,17 @@ export default function LandingPage() {
|
||||
logoText="Meridian Roofing LLC"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "Meridian, ID",
|
||||
href: "#",
|
||||
},
|
||||
label: "Meridian, ID", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user