Merge version_1 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Activity, ArrowUp, Palette, Scissors, Settings, ShieldCheck, Wrench } from "lucide-react";
|
||||
import { Activity, ArrowUp, Hammer, Palette, Settings, ShieldCheck, Wrench, Circle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,127 +30,75 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ESPC Fence LLC"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="We Modify to Perfection."
|
||||
description="ESPC Fence LLC delivers high-quality, custom fence modifications that elevate your home's security, privacy, and curb appeal. Experience true craftsmanship."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "ESPC transformed my old, weathered fence into a modern masterpiece. Professional and quick!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg?_wi=1",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "ESPC transformed my old, weathered fence into a modern masterpiece. Professional and quick!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Modification to perfection is right. Their attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-background-with-rusty-fence_23-2149454735.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "Modification to perfection is right. Their attention to detail is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-background-with-rusty-fence_23-2149454735.jpg"},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Incredible communication and quality work. My backyard looks fantastic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-shadow-balcony-with-view-grassy-field-sunny-day_181624-2835.jpg?_wi=1",
|
||||
},
|
||||
name: "Mike R.", handle: "@miker", testimonial: "Incredible communication and quality work. My backyard looks fantastic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-shadow-balcony-with-view-grassy-field-sunny-day_181624-2835.jpg"},
|
||||
{
|
||||
name: "Linda P.",
|
||||
handle: "@lindap",
|
||||
testimonial: "Highly recommended. They exceeded all my expectations for the fence renovation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469432.jpg?_wi=1",
|
||||
},
|
||||
name: "Linda P.", handle: "@lindap", testimonial: "Highly recommended. They exceeded all my expectations for the fence renovation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469432.jpg"},
|
||||
{
|
||||
name: "Tom B.",
|
||||
handle: "@tomb",
|
||||
testimonial: "Professional, reliable, and expert service. Best fence modification in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469441.jpg?_wi=1",
|
||||
},
|
||||
name: "Tom B.", handle: "@tomb", testimonial: "Professional, reliable, and expert service. Best fence modification in the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469441.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japanese-building-with-fence_23-2149301121.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japanese-building-with-fence_23-2149301121.jpg"
|
||||
imageAlt="Custom wooden fence modification project"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abandoned-house-background-with-rusty-fence_23-2149454735.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abandoned-house-background-with-rusty-fence_23-2149454735.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/metal-fence-shadow-balcony-with-view-grassy-field-sunny-day_181624-2835.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/metal-fence-shadow-balcony-with-view-grassy-field-sunny-day_181624-2835.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469432.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469432.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469441.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469441.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential Fencing",
|
||||
},
|
||||
type: "text", text: "Residential Fencing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Modifications",
|
||||
},
|
||||
type: "text", text: "Custom Modifications"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Structural Repairs",
|
||||
},
|
||||
type: "text", text: "Structural Repairs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Quality Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fence Restoration",
|
||||
},
|
||||
type: "text", text: "Fence Restoration"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,19 +111,13 @@ export default function LandingPage() {
|
||||
description="At ESPC Fence LLC, we believe that every fence should be a work of art. We specialize in modifying and enhancing existing structures to meet your functional and aesthetic goals."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Modification",
|
||||
description: "We specialize in precision modifications to revitalize existing fences.",
|
||||
},
|
||||
title: "Expert Modification", description: "We specialize in precision modifications to revitalize existing fences."},
|
||||
{
|
||||
title: "Quality Materials",
|
||||
description: "We use only premium-grade materials built for longevity and durability.",
|
||||
},
|
||||
title: "Quality Materials", description: "We use only premium-grade materials built for longevity and durability."},
|
||||
{
|
||||
title: "Customer-Focused",
|
||||
description: "Your satisfaction is our priority, from the initial quote to the final touch.",
|
||||
},
|
||||
title: "Customer-Focused", description: "Your satisfaction is our priority, from the initial quote to the final touch."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530704.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530704.jpg"
|
||||
imageAlt="Fence expert modifying wood planks"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -188,79 +130,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Fencing",
|
||||
description: "Revitalize your home's perimeter with custom modifications and repairs that increase value.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japanese-building-with-fence_23-2149301121.jpg?_wi=2",
|
||||
imageAlt: "Residential fence",
|
||||
},
|
||||
title: "Residential Fencing", description: "Revitalize your home's perimeter with custom modifications and repairs that increase value.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japanese-building-with-fence_23-2149301121.jpg", imageAlt: "Residential fence"},
|
||||
items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
text: "Board Replacement",
|
||||
},
|
||||
text: "Board Replacement"},
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Post Reinforcement",
|
||||
},
|
||||
text: "Post Reinforcement"},
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Gate Adjustments",
|
||||
},
|
||||
text: "Gate Adjustments"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japanese-building-with-fence_23-2149301121.jpg?_wi=3",
|
||||
imageAlt: "residential backyard wood fence install",
|
||||
},
|
||||
{
|
||||
title: "Structural Upgrades",
|
||||
description: "We enhance the structural integrity of your fence, ensuring it stands the test of time.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530704.jpg?_wi=2",
|
||||
imageAlt: "Structural fence upgrade",
|
||||
},
|
||||
title: "Structural Upgrades", description: "We enhance the structural integrity of your fence, ensuring it stands the test of time.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530704.jpg", imageAlt: "Structural fence upgrade"},
|
||||
items: [
|
||||
{
|
||||
icon: Construction,
|
||||
text: "Support Beam Install",
|
||||
},
|
||||
icon: Circle,
|
||||
text: "Support Beam Install"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Hardware Upgrades",
|
||||
},
|
||||
text: "Hardware Upgrades"},
|
||||
{
|
||||
icon: Activity,
|
||||
text: "Stability Testing",
|
||||
},
|
||||
text: "Stability Testing"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530704.jpg?_wi=3",
|
||||
imageAlt: "carpenter installing wooden fence detail",
|
||||
},
|
||||
{
|
||||
title: "Aesthetic Enhancements",
|
||||
description: "Modernize your look with custom cap details, height extensions, and decorative trims.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg?_wi=2",
|
||||
imageAlt: "Fence aesthetic enhancement",
|
||||
},
|
||||
title: "Aesthetic Enhancements", description: "Modernize your look with custom cap details, height extensions, and decorative trims.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg", imageAlt: "Fence aesthetic enhancement"},
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Decorative Toppers",
|
||||
},
|
||||
text: "Decorative Toppers"},
|
||||
{
|
||||
icon: ArrowUp,
|
||||
text: "Height Extension",
|
||||
},
|
||||
text: "Height Extension"},
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Custom Trim Work",
|
||||
},
|
||||
icon: Hammer,
|
||||
text: "Custom Trim Work"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg?_wi=3",
|
||||
imageAlt: "happy homeowner standing near new fence",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
@@ -276,45 +191,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg?_wi=4",
|
||||
},
|
||||
id: "1", name: "John D.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-background-with-rusty-fence_23-2149454735.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Sarah K.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-background-with-rusty-fence_23-2149454735.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike R.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-shadow-balcony-with-view-grassy-field-sunny-day_181624-2835.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Mike R.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-shadow-balcony-with-view-grassy-field-sunny-day_181624-2835.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Linda P.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469432.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Linda P.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469432.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom B.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469441.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Tom B.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469441.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="See why homeowners choose ESPC Fence LLC for their modifications."
|
||||
@@ -325,16 +215,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Transform Your Fence?"
|
||||
description="Contact ESPC Fence LLC today for a free consultation and let's get started on your project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "mailto:info@espcfence.com",
|
||||
},
|
||||
text: "Send Message", href: "mailto:info@espcfence.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -343,33 +230,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user