Merge version_1 into main #2
270
src/app/page.tsx
270
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
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="Stephens Fencescape"
|
||||
/>
|
||||
@@ -54,105 +46,57 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Crafting Beauty for Your Landscape"
|
||||
description="Stephens Fencescape brings professional fencing and landscaping solutions to transform your outdoor space into a private sanctuary."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@john.doe",
|
||||
testimonial: "Excellent service and craftsmanship!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-36988.jpg?_wi=1",
|
||||
imageAlt: "professional fence installation residential",
|
||||
},
|
||||
name: "John Doe", handle: "@john.doe", testimonial: "Excellent service and craftsmanship!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-36988.jpg", imageAlt: "professional fence installation residential"},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@jane.smith",
|
||||
testimonial: "Transformed our backyard completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-beautiful-young-woman-having-fun-posing-outdoors_1153-6183.jpg?_wi=1",
|
||||
imageAlt: "landscaper installing garden fence",
|
||||
},
|
||||
name: "Jane Smith", handle: "@jane.smith", testimonial: "Transformed our backyard completely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-beautiful-young-woman-having-fun-posing-outdoors_1153-6183.jpg", imageAlt: "landscaper installing garden fence"},
|
||||
{
|
||||
name: "Mike Ross",
|
||||
handle: "@mikeross",
|
||||
testimonial: "Professional and fast installation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=1",
|
||||
imageAlt: "durable wooden garden fence design",
|
||||
},
|
||||
name: "Mike Ross", handle: "@mikeross", testimonial: "Professional and fast installation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg", imageAlt: "durable wooden garden fence design"},
|
||||
{
|
||||
name: "Lisa Ray",
|
||||
handle: "@lisaray",
|
||||
testimonial: "Highly recommend their services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-haunted-house-empty-field_1127-3475.jpg?_wi=1",
|
||||
imageAlt: "modern metal iron fence design",
|
||||
},
|
||||
name: "Lisa Ray", handle: "@lisaray", testimonial: "Highly recommend their services.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-haunted-house-empty-field_1127-3475.jpg", imageAlt: "modern metal iron fence design"},
|
||||
{
|
||||
name: "Tom Cook",
|
||||
handle: "@tomcook",
|
||||
testimonial: "The best fence we've ever had.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg?_wi=1",
|
||||
imageAlt: "custom garden landscape design",
|
||||
},
|
||||
name: "Tom Cook", handle: "@tomcook", testimonial: "The best fence we've ever had.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg", imageAlt: "custom garden landscape design"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-36988.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-36988.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-social-distancing-concept_23-2148740142.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-social-distancing-concept_23-2148740142.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-man-giving-red-rose-her-blonde-girlfriend_23-2147891108.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-man-giving-red-rose-her-blonde-girlfriend_23-2147891108.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477080.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477080.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text-icon", text: "15+ Years Experience", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "15+ Years Experience",
|
||||
icon: Clock,
|
||||
type: "text", text: "Free Estimates"},
|
||||
{
|
||||
type: "text-icon", text: "Locally Owned", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Estimates",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Owned",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,7 +106,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Expert Fencing & Landscaping"
|
||||
description="With over 15 years of experience, Stephens Fencescape provides top-tier craftsmanship. We combine aesthetic landscaping design with structural fencing integrity to increase the value and beauty of your property."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-cute-beautiful-young-woman-having-fun-posing-outdoors_1153-6183.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-cute-beautiful-young-woman-having-fun-posing-outdoors_1153-6183.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -173,76 +117,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Fencing",
|
||||
description: "Custom fence designs in wood, iron, and vinyl.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=2",
|
||||
},
|
||||
title: "Residential Fencing", description: "Custom fence designs in wood, iron, and vinyl.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg", imageAlt: "happy homeowner front yard fence"},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "High quality materials",
|
||||
},
|
||||
text: "High quality materials"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Rapid installation",
|
||||
},
|
||||
text: "Rapid installation"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Certified installers",
|
||||
},
|
||||
text: "Certified installers"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-social-distancing-concept_23-2148740142.jpg?_wi=1",
|
||||
imageAlt: "happy homeowner front yard fence",
|
||||
},
|
||||
{
|
||||
title: "Luxury Ironwork",
|
||||
description: "Elegant iron fences and gates for superior security.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-haunted-house-empty-field_1127-3475.jpg?_wi=2",
|
||||
},
|
||||
title: "Luxury Ironwork", description: "Elegant iron fences and gates for superior security.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-haunted-house-empty-field_1127-3475.jpg", imageAlt: "home owner standing in garden"},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Custom gate design",
|
||||
},
|
||||
text: "Custom gate design"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Weather-resistant finish",
|
||||
},
|
||||
text: "Weather-resistant finish"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Industry-leading warranty",
|
||||
},
|
||||
text: "Industry-leading warranty"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-giving-red-rose-her-blonde-girlfriend_23-2147891108.jpg?_wi=1",
|
||||
imageAlt: "home owner standing in garden",
|
||||
},
|
||||
{
|
||||
title: "Garden Landscaping",
|
||||
description: "Comprehensive landscaping and hardscaping services.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg?_wi=2",
|
||||
},
|
||||
title: "Garden Landscaping", description: "Comprehensive landscaping and hardscaping services.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg", imageAlt: "satisfied fence installation client"},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Hardscape paths",
|
||||
},
|
||||
text: "Hardscape paths"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Creative garden planning",
|
||||
},
|
||||
text: "Creative garden planning"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Professional lawn care",
|
||||
},
|
||||
text: "Professional lawn care"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg?_wi=1",
|
||||
imageAlt: "satisfied fence installation client",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
@@ -256,45 +176,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Work",
|
||||
quote: "Stephens Fencescape delivered exactly what we dreamed of.",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-social-distancing-concept_23-2148740142.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", title: "Great Work", quote: "Stephens Fencescape delivered exactly what we dreamed of.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-social-distancing-concept_23-2148740142.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Amazing Results",
|
||||
quote: "The team was professional, clean, and fast.",
|
||||
name: "Mark L.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-giving-red-rose-her-blonde-girlfriend_23-2147891108.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", title: "Amazing Results", quote: "The team was professional, clean, and fast.", name: "Mark L.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-giving-red-rose-her-blonde-girlfriend_23-2147891108.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Highly Professional",
|
||||
quote: "Best landscape service we have ever hired.",
|
||||
name: "Julie K.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", title: "Highly Professional", quote: "Best landscape service we have ever hired.", name: "Julie K.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Beautiful Fence",
|
||||
quote: "Our privacy fence is both beautiful and sturdy.",
|
||||
name: "David W.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg",
|
||||
},
|
||||
id: "t4", title: "Beautiful Fence", quote: "Our privacy fence is both beautiful and sturdy.", name: "David W.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Exceptional",
|
||||
quote: "Could not be happier with the garden transformation.",
|
||||
name: "Emily B.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477080.jpg",
|
||||
},
|
||||
id: "t5", title: "Exceptional", quote: "Could not be happier with the garden transformation.", name: "Emily B.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-cinema-open-air_23-2149477080.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We are honored to have worked with many satisfied homeowners."
|
||||
@@ -307,25 +197,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a fence installation take?",
|
||||
content: "Installation timelines depend on the material and length, but most projects are completed within 3-5 days.",
|
||||
},
|
||||
id: "q1", title: "How long does a fence installation take?", content: "Installation timelines depend on the material and length, but most projects are completed within 3-5 days."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we provide free, no-obligation consultations and estimates for all new clients.",
|
||||
},
|
||||
id: "q2", title: "Do you provide estimates?", content: "Yes, we provide free, no-obligation consultations and estimates for all new clients."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What materials do you specialize in?",
|
||||
content: "We specialize in cedar, pressure-treated pine, ornamental iron, and premium vinyl.",
|
||||
},
|
||||
id: "q3", title: "What materials do you specialize in?", content: "We specialize in cedar, pressure-treated pine, ornamental iron, and premium vinyl."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed and insured for all our fencing and landscaping projects.",
|
||||
},
|
||||
id: "q4", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for all our fencing and landscaping projects."},
|
||||
]}
|
||||
title="Commonly Asked Questions"
|
||||
description="Everything you need to know about our services and process."
|
||||
@@ -337,16 +215,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Transform Your Outdoor Space?"
|
||||
description="Contact us today for a free design consultation and quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@stephensfencescape.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:hello@stephensfencescape.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -356,42 +231,27 @@ export default function LandingPage() {
|
||||
logoText="Stephens Fencescape"
|
||||
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: "Fencing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Fencing", href: "#services"},
|
||||
{
|
||||
label: "Landscaping",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Landscaping", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user