Update src/app/page.tsx
This commit is contained in:
332
src/app/page.tsx
332
src/app/page.tsx
@@ -26,225 +26,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Best Built Fencing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Best Built Fencing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Built for Quality, Built to Last."
|
||||
description="Best Built Fencing LLC provides expert fence installation and repair services for residential and commercial properties. Secure your perimeter with confidence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-red-rose-vase-drink-wooden-table-rooftop_23-2147891182.jpg"
|
||||
imageAlt="High quality custom fencing installation"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Built for Quality, Built to Last."
|
||||
description="Best Built Fencing LLC provides expert fence installation and repair services for residential and commercial properties. Secure your perimeter with confidence."
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-red-rose-vase-drink-wooden-table-rooftop_23-2147891182.jpg"
|
||||
imageAlt="High quality custom fencing installation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Unmatched Craftsmanship"
|
||||
description="At Best Built Fencing, we pride ourselves on delivering top-tier installations using premium materials. From custom woodwork to security metal fencing, our team is dedicated to exceeding expectations on every project."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530842.jpg"
|
||||
imageAlt="Professional fencing installation services"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Unmatched Craftsmanship"
|
||||
description="At Best Built Fencing, we pride ourselves on delivering top-tier installations using premium materials. From custom woodwork to security metal fencing, our team is dedicated to exceeding expectations on every project."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530842.jpg"
|
||||
imageAlt="Professional fencing installation services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wood Fencing",
|
||||
author: "Best Built Fencing",
|
||||
description: "Traditional and timeless wood fences built for durability and style.",
|
||||
tags: [
|
||||
"Wood",
|
||||
"Privacy",
|
||||
"Custom",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rough-plank-wallpaper-wood-surface_1232-3967.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Aluminum Fencing",
|
||||
author: "Best Built Fencing",
|
||||
description: "High-strength, low-maintenance aluminum fences for enhanced security.",
|
||||
tags: [
|
||||
"Metal",
|
||||
"Security",
|
||||
"Sleek",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-stays-bridge-sunny-autumn-day_231208-2815.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Vinyl Fencing",
|
||||
author: "Best Built Fencing",
|
||||
description: "Clean, weather-resistant vinyl options that never need painting.",
|
||||
tags: [
|
||||
"Vinyl",
|
||||
"Low Maintenance",
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-border-collie-dog-havin-fun-outsde_23-2149304034.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="We offer a diverse range of fencing solutions tailored to your property requirements and aesthetic preferences."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Wood Fencing", author: "Best Built Fencing", description: "Traditional and timeless wood fences built for durability and style.", tags: ["Wood", "Privacy", "Custom"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rough-plank-wallpaper-wood-surface_1232-3967.jpg"},
|
||||
{
|
||||
id: "2", title: "Aluminum Fencing", author: "Best Built Fencing", description: "High-strength, low-maintenance aluminum fences for enhanced security.", tags: ["Metal", "Security", "Sleek"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-stays-bridge-sunny-autumn-day_231208-2815.jpg"},
|
||||
{
|
||||
id: "3", title: "Vinyl Fencing", author: "Best Built Fencing", description: "Clean, weather-resistant vinyl options that never need painting.", tags: ["Vinyl", "Low Maintenance", "Modern"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-border-collie-dog-havin-fun-outsde_23-2149304034.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="We offer a diverse range of fencing solutions tailored to your property requirements and aesthetic preferences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Residential",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
company: "Residential",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-couple-sitting-table_23-2149390994.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda M.",
|
||||
role: "Property Manager",
|
||||
company: "Commercial",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-picture-handsome-stylish-young-european-male-with-thick-beard-spending-sunny-summer-day_343059-3585.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert B.",
|
||||
role: "Homeowner",
|
||||
company: "Residential",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-couple-standing-balcony-looking-away_23-2147891175.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
role: "Homeowner",
|
||||
company: "Residential",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear what our valued clients have to say about their experience with Best Built Fencing."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", role: "Homeowner", company: "Residential", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark D.", role: "Homeowner", company: "Residential", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-couple-sitting-table_23-2149390994.jpg"},
|
||||
{
|
||||
id: "3", name: "Linda M.", role: "Property Manager", company: "Commercial", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-picture-handsome-stylish-young-european-male-with-thick-beard-spending-sunny-summer-day_343059-3585.jpg"},
|
||||
{
|
||||
id: "4", name: "Robert B.", role: "Homeowner", company: "Residential", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-couple-standing-balcony-looking-away_23-2147891175.jpg"},
|
||||
{
|
||||
id: "5", name: "David W.", role: "Homeowner", company: "Residential", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear what our valued clients have to say about their experience with Best Built Fencing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What fencing material do you recommend?",
|
||||
content: "It depends on your security, maintenance, and aesthetic needs. We guide you through all options to find the perfect fit.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer warranty on installations?",
|
||||
content: "Yes, we stand behind our craftsmanship and offer a standard warranty on all installations.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long does a typical installation take?",
|
||||
content: "Installation timelines depend on the project size and fence type, but we strive for efficient and high-quality service.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers to common inquiries about our fencing installation process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What fencing material do you recommend?", content: "It depends on your security, maintenance, and aesthetic needs. We guide you through all options to find the perfect fit."},
|
||||
{
|
||||
id: "2", title: "Do you offer warranty on installations?", content: "Yes, we stand behind our craftsmanship and offer a standard warranty on all installations."},
|
||||
{
|
||||
id: "3", title: "How long does a typical installation take?", content: "Installation timelines depend on the project size and fence type, but we strive for efficient and high-quality service."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers to common inquiries about our fencing installation process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Secure Your Property?"
|
||||
description="Contact us today for a free estimate and start your next project with Best Built Fencing LLC."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Secure Your Property?"
|
||||
description="Contact us today for a free estimate and start your next project with Best Built Fencing LLC."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/black-blue-business-card_1115-62.jpg"
|
||||
imageAlt="Best Built Fencing LLC Logo"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/black-blue-business-card_1115-62.jpg"
|
||||
imageAlt="Best Built Fencing LLC Logo"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [{ label: "Get a Quote", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user