Merge version_1 into main #2
169
src/app/page.tsx
169
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Henry's Fence"
|
||||
/>
|
||||
@@ -57,63 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Your Perfect Boundary"
|
||||
description="At Henry's Fence, we deliver durable, beautiful fencing solutions tailored to your property. Quality craftsmanship that stands the test of time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pine-branches-white-wooden-fence_1372-71.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pine-branches-white-wooden-fence_1372-71.jpg"
|
||||
imageAlt="Professional fence installation"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-dress-standing-green-house_23-2148068656.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-dress-standing-green-house_23-2148068656.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-mobile-phone_23-2148000041.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-mobile-phone_23-2148000041.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Estimates",
|
||||
},
|
||||
type: "text", text: "Free Estimates"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Installation",
|
||||
},
|
||||
type: "text", text: "Expert Installation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Durable Materials",
|
||||
},
|
||||
type: "text", text: "Durable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Designs",
|
||||
},
|
||||
type: "text", text: "Custom Designs"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,9 +91,7 @@ export default function LandingPage() {
|
||||
title="Expertise in Every Panel"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,55 +103,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wood Fencing",
|
||||
description: "Classic and durable cedar or pressure-treated wood fences.",
|
||||
icon: Shield,
|
||||
title: "Wood Fencing", description: "Classic and durable cedar or pressure-treated wood fences.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-with-aged-worn-surface_23-2148394769.jpg?_wi=1",
|
||||
imageAlt: "Wood Fence",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-with-aged-worn-surface_23-2148394769.jpg", imageAlt: "Wood Fence"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-with-aged-worn-surface_23-2148394769.jpg?_wi=2",
|
||||
imageAlt: "Wood Fence",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-with-aged-worn-surface_23-2148394769.jpg", imageAlt: "Wood Fence"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pine-branches-white-wooden-fence_1372-71.jpg?_wi=2",
|
||||
imageAlt: "residential fence installation exterior",
|
||||
},
|
||||
{
|
||||
title: "Aluminum Fencing",
|
||||
description: "Elegant, low-maintenance metal options for security and style.",
|
||||
icon: Zap,
|
||||
title: "Aluminum Fencing", description: "Elegant, low-maintenance metal options for security and style.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-metal-fence-sidewalk_181624-40919.jpg?_wi=1",
|
||||
imageAlt: "Aluminum Fence",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-metal-fence-sidewalk_181624-40919.jpg", imageAlt: "Aluminum Fence"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-metal-fence-sidewalk_181624-40919.jpg?_wi=2",
|
||||
imageAlt: "Aluminum Fence",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-metal-fence-sidewalk_181624-40919.jpg", imageAlt: "Aluminum Fence"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-net-blue-sky_93675-129587.jpg",
|
||||
imageAlt: "professional fence contractor working",
|
||||
},
|
||||
{
|
||||
title: "Vinyl Fencing",
|
||||
description: "Modern, weather-resistant privacy fences that look great forever.",
|
||||
icon: Star,
|
||||
title: "Vinyl Fencing", description: "Modern, weather-resistant privacy fences that look great forever.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-doing-arts-crafts_23-2151575713.jpg?_wi=1",
|
||||
imageAlt: "Vinyl Fence",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-doing-arts-crafts_23-2151575713.jpg", imageAlt: "Vinyl Fence"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-doing-arts-crafts_23-2151575713.jpg?_wi=2",
|
||||
imageAlt: "Vinyl Fence",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-doing-arts-crafts_23-2151575713.jpg", imageAlt: "Vinyl Fence"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-with-aged-worn-surface_23-2148394769.jpg?_wi=3",
|
||||
imageAlt: "wooden privacy fence installation",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -199,30 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg",
|
||||
},
|
||||
id: "1", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dress-standing-green-house_23-2148068656.jpg",
|
||||
},
|
||||
id: "2", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-dress-standing-green-house_23-2148068656.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-mobile-phone_23-2148000041.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/man-using-mobile-phone_23-2148000041.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg",
|
||||
},
|
||||
id: "5", name: "John M.", imageSrc: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg"},
|
||||
]}
|
||||
cardTitle="Client Stories"
|
||||
cardTag="Testimonials"
|
||||
@@ -234,16 +160,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start?"
|
||||
description="Request your free consultation and quote for your property fence today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@henryfence.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:info@henryfence.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -253,29 +176,19 @@ export default function LandingPage() {
|
||||
logoText="Henry's Fence"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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