Merge version_2 into main #1
175
src/app/page.tsx
175
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="SMF Fencing"
|
||||
/>
|
||||
@@ -57,35 +49,21 @@ export default function LandingPage() {
|
||||
description="Professional fencing solutions for your residential and commercial needs. Built to last, designed to impress."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pine-branches-white-wooden-fence_1372-71.jpg",
|
||||
imageAlt: "Fence 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pine-branches-white-wooden-fence_1372-71.jpg", imageAlt: "Fence 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-fence-texture_1137-222.jpg",
|
||||
imageAlt: "Fence 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-fence-texture_1137-222.jpg", imageAlt: "Fence 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-pajamas-with-pillow-relaxes-garden_72229-600.jpg",
|
||||
imageAlt: "Fence 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-pajamas-with-pillow-relaxes-garden_72229-600.jpg", imageAlt: "Fence 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331743.jpg",
|
||||
imageAlt: "Fence 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331743.jpg", imageAlt: "Fence 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg",
|
||||
imageAlt: "Fence 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg", imageAlt: "Fence 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparing-plants-planting-seedlings-square-black-boxes-with-cells-planting-spring-primrose-flowers-park-hello-spring-gardening-spring_166373-3538.jpg",
|
||||
imageAlt: "Fence 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparing-plants-planting-seedlings-square-black-boxes-with-cells-planting-spring-primrose-flowers-park-hello-spring-gardening-spring_166373-3538.jpg", imageAlt: "Fence 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,23 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Durable Materials",
|
||||
description: "We only use premium-grade materials that withstand all weather conditions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-doing-arts-crafts_23-2151575714.jpg",
|
||||
imageAlt: "Durability",
|
||||
},
|
||||
title: "Durable Materials", description: "We only use premium-grade materials that withstand all weather conditions.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-doing-arts-crafts_23-2151575714.jpg", imageAlt: "Durability"},
|
||||
{
|
||||
title: "Expert Installation",
|
||||
description: "Our team of professionals ensures a perfect installation every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-suburbs_23-2149085442.jpg",
|
||||
imageAlt: "Expertise",
|
||||
},
|
||||
title: "Expert Installation", description: "Our team of professionals ensures a perfect installation every time.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-suburbs_23-2149085442.jpg", imageAlt: "Expertise"},
|
||||
{
|
||||
title: "Enhanced Security",
|
||||
description: "Our fences are designed to provide maximum privacy and security for your property.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building-with-fence_23-2149301077.jpg",
|
||||
imageAlt: "Security",
|
||||
},
|
||||
title: "Enhanced Security", description: "Our fences are designed to provide maximum privacy and security for your property.", imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building-with-fence_23-2149301077.jpg", imageAlt: "Security"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We deliver high-quality fencing with unmatched reliability and attention to detail."
|
||||
@@ -128,41 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Wood Fence",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-resort-lifestyles-phangan-sunny_1253-673.jpg",
|
||||
},
|
||||
id: "1", name: "Classic Wood Fence", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/architecture-resort-lifestyles-phangan-sunny_1253-673.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Durable Metal Fence",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-garden-with-trees-wall_181624-38170.jpg",
|
||||
},
|
||||
id: "2", name: "Durable Metal Fence", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-garden-with-trees-wall_181624-38170.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Modern Vinyl Fence",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-climbing-ivy-wooden-fence-textured-wooden-panels-background_1372-5.jpg",
|
||||
},
|
||||
id: "3", name: "Modern Vinyl Fence", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/green-climbing-ivy-wooden-fence-textured-wooden-panels-background_1372-5.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Privacy Fence",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207761.jpg",
|
||||
},
|
||||
id: "4", name: "Privacy Fence", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207761.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ornamental Iron",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-running-outdoors_23-2150351996.jpg",
|
||||
},
|
||||
id: "5", name: "Ornamental Iron", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-running-outdoors_23-2150351996.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Garden Boundary",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-image-colorful-wooden-fence-with-grass_181624-26295.jpg",
|
||||
},
|
||||
id: "6", name: "Garden Boundary", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-image-colorful-wooden-fence-with-grass_181624-26295.jpg"},
|
||||
]}
|
||||
title="Our Fence Types"
|
||||
description="Explore our range of quality fencing options designed for every purpose."
|
||||
@@ -177,25 +119,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-gardener-working-garden_23-2148165264.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-gardener-working-garden_23-2148165264.jpg", alt: "John"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-mask-standing-street_1157-34138.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-mask-standing-street_1157-34138.jpg", alt: "Mike"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg", alt: "Anna"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-shot-unrecognizable-fashionable-young-male-with-tattoo-typing-message-digital-portable-computer-chatting-online-surfing-internet-close-up-electronic-gadget-man-s-hands_343059-2782.jpg",
|
||||
alt: "Dave",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-shot-unrecognizable-fashionable-young-male-with-tattoo-typing-message-digital-portable-computer-chatting-online-surfing-internet-close-up-electronic-gadget-man-s-hands_343059-2782.jpg", alt: "Dave"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -209,39 +141,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "Contact for quote",
|
||||
subtitle: "Basic property protection",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "Contact for quote", subtitle: "Basic property protection", buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Consultation",
|
||||
"Professional Install",
|
||||
"1 Year Warranty",
|
||||
],
|
||||
"Consultation", "Professional Install", "1 Year Warranty"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "Contact for quote",
|
||||
subtitle: "Premium custom security",
|
||||
buttons: [
|
||||
id: "pro", badge: "Popular", price: "Contact for quote", subtitle: "Premium custom security", buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Custom Design",
|
||||
"Premium Materials",
|
||||
"3 Year Warranty",
|
||||
"Priority Service",
|
||||
],
|
||||
"Custom Design", "Premium Materials", "3 Year Warranty", "Priority Service"],
|
||||
},
|
||||
]}
|
||||
title="Pricing Packages"
|
||||
@@ -255,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does installation take?",
|
||||
content: "Installation time varies depending on the size and type of fence.",
|
||||
},
|
||||
id: "1", title: "How long does installation take?", content: "Installation time varies depending on the size and type of fence."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide free quotes?",
|
||||
content: "Yes, we provide free initial consultations and estimates.",
|
||||
},
|
||||
id: "2", title: "Do you provide free quotes?", content: "Yes, we provide free initial consultations and estimates."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What materials do you offer?",
|
||||
content: "We offer wood, vinyl, metal, and custom ornamental iron solutions.",
|
||||
},
|
||||
id: "3", title: "What materials do you offer?", content: "We offer wood, vinyl, metal, and custom ornamental iron solutions."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to the most frequent fencing questions."
|
||||
@@ -280,16 +184,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Secure Your Property?"
|
||||
description="Get in touch with the SMF Fencing team today to start your project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123"},
|
||||
{
|
||||
text: "Email Us", href: "mailto:info@smffencing.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -303,4 +206,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user