Merge version_1 into main #1
213
src/app/page.tsx
213
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Buffalo Roofing"
|
||||
/>
|
||||
@@ -57,82 +47,51 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Roofing Done Right — The First Time."
|
||||
description="Premium roofing solutions built for durability, protection, and peace of mind."
|
||||
kpis={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "5.0", label: "Google Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Reliability",
|
||||
},
|
||||
value: "100%", label: "Reliability"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Expert Care",
|
||||
},
|
||||
value: "24/7", label: "Expert Care"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123456"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_23-2150188321.jpg"
|
||||
imageAlt="Luxury roofing installation"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248316.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248316.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "10-Year Warranty",
|
||||
},
|
||||
type: "text", text: "10-Year Warranty"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
type: "text", text: "Family Owned"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Experts",
|
||||
},
|
||||
type: "text", text: "Local Experts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Roofing",
|
||||
},
|
||||
type: "text", text: "Sustainable Roofing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,33 +116,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Roof Installation",
|
||||
subtitle: "High-quality installs with durable materials.",
|
||||
category: "New Build",
|
||||
value: "Premium",
|
||||
},
|
||||
id: "1", title: "Roof Installation", subtitle: "High-quality installs with durable materials.", category: "New Build", value: "Premium"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Roof Repairs",
|
||||
subtitle: "Fast fixes to restore safety and extend roof life.",
|
||||
category: "Maintenance",
|
||||
value: "Reliable",
|
||||
},
|
||||
id: "2", title: "Roof Repairs", subtitle: "Fast fixes to restore safety and extend roof life.", category: "Maintenance", value: "Reliable"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Roof Inspections",
|
||||
subtitle: "Detailed assessments to catch hidden issues.",
|
||||
category: "Safety",
|
||||
value: "Thorough",
|
||||
},
|
||||
id: "3", title: "Roof Inspections", subtitle: "Detailed assessments to catch hidden issues.", category: "Safety", value: "Thorough"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Maintenance",
|
||||
subtitle: "Preventative care for peak performance.",
|
||||
category: "Care",
|
||||
value: "Proactive",
|
||||
},
|
||||
id: "4", title: "Maintenance", subtitle: "Preventative care for peak performance.", category: "Care", value: "Proactive"},
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="We provide comprehensive roofing solutions to keep your home protected year-round."
|
||||
@@ -192,49 +131,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "Verified Homeowner",
|
||||
testimonial: "I could tell that the company was professional and I felt really comfortable with them. The guys did great work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "Verified Homeowner", testimonial: "I could tell that the company was professional and I felt really comfortable with them. The guys did great work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "Verified Homeowner",
|
||||
testimonial: "Excellent service and attention to detail. My roof looks fantastic and the crew was clean and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg",
|
||||
},
|
||||
id: "2", name: "Mike R.", handle: "Verified Homeowner", testimonial: "Excellent service and attention to detail. My roof looks fantastic and the crew was clean and fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
handle: "Verified Homeowner",
|
||||
testimonial: "Buffalo Roofing is truly professional. They caught a major leak that others missed during inspection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg",
|
||||
},
|
||||
id: "3", name: "Emily P.", handle: "Verified Homeowner", testimonial: "Buffalo Roofing is truly professional. They caught a major leak that others missed during inspection.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-teenage-girl-with-no-make-up-pinkish-bob-hairdo-ring-her-nose-posing-indoors_343059-124.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "Verified Homeowner",
|
||||
testimonial: "Highly recommended for anyone needing a roof repair. Honest communication from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "Verified Homeowner", testimonial: "Highly recommended for anyone needing a roof repair. Honest communication from start to finish.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane D.",
|
||||
handle: "Verified Homeowner",
|
||||
testimonial: "Their craftsmanship is top-tier. I am very satisfied with the job done on my home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151065041.jpg",
|
||||
},
|
||||
id: "5", name: "Jane D.", handle: "Verified Homeowner", testimonial: "Their craftsmanship is top-tier. I am very satisfied with the job done on my home.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151065041.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
@@ -249,28 +164,17 @@ export default function LandingPage() {
|
||||
description="Get a free, no-obligation estimate today and experience roofing done right."
|
||||
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,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Briefly describe your roofing needs",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Briefly describe your roofing needs", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489835.jpg"
|
||||
/>
|
||||
@@ -280,46 +184,29 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
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: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Installation", href: "#services"},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repairs", href: "#services"},
|
||||
{
|
||||
label: "Inspections",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Inspections", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Hours",
|
||||
href: "#footer",
|
||||
},
|
||||
label: "Hours", href: "#footer"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user