Merge version_1 into main #2
156
src/app/page.tsx
156
src/app/page.tsx
@@ -18,101 +18,73 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
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: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Henry's Fence Inc"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Quality Fencing for Your Home"
|
||||
description="Professional installation and reliable service in Miami, FL. We build fences that last and look great."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-brown-haired-teenage-girl-yellow-shirt-top-happily-sitting-with-book-cup-coffee-wooden-deck-chair-city-park_574295-1116.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-brown-haired-teenage-girl-yellow-shirt-top-happily-sitting-with-book-cup-coffee-wooden-deck-chair-city-park_574295-1116.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-mid-adult-businesswoman-with-coffee-phone_1262-19184.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-mid-adult-businesswoman-with-coffee-phone_1262-19184.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-wavy-haired-girl-smiling-camera-outdoors_1262-20568.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-wavy-haired-girl-smiling-camera-outdoors_1262-20568.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3065.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3065.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Trusted by 50+ happy families"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Insured",
|
||||
icon: Lock,
|
||||
type: "text-icon", text: "Insured", icon: Lock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Install",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Fast Install", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Materials",
|
||||
icon: Diamond,
|
||||
type: "text-icon", text: "Premium Materials", icon: Diamond,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Experts",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Local Experts", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -126,7 +98,7 @@ export default function LandingPage() {
|
||||
description="At Henry's Fence Inc, we specialize in high-quality fence installation for residential properties. With years of experience in the Miami area, we ensure every project is completed to the highest standards."
|
||||
subdescription="Our team prides itself on professional workmanship, timely project completion, and leaving every job site clean and debris-free."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -138,28 +110,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Reliable Installation",
|
||||
description: "Our installations are built to last, with proper post setting and high-quality materials.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-fences-park-surrounded-by-trees_181624-37663.jpg",
|
||||
imageAlt: "residential wood fence installation exterior",
|
||||
title: "Reliable Installation", description: "Our installations are built to last, with proper post setting and high-quality materials.", bentoComponent: "reveal-icon", icon: Building2,
|
||||
},
|
||||
{
|
||||
title: "Professional Team",
|
||||
description: "Our crew is professional, polite, and respectful of your property and time.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg?_wi=2",
|
||||
imageAlt: "professional fence installation crew",
|
||||
title: "Professional Team", description: "Our crew is professional, polite, and respectful of your property and time.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Clean Sites",
|
||||
description: "We ensure your yard is left clean, tidy, and free of construction debris after completion.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-brown-haired-teenage-girl-yellow-shirt-top-happily-sitting-with-book-cup-coffee-wooden-deck-chair-city-park_574295-1116.jpg?_wi=1",
|
||||
imageAlt: "happy customer standing in front of new fence",
|
||||
title: "Clean Sites", description: "We ensure your yard is left clean, tidy, and free of construction debris after completion.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -172,30 +129,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cassandra Suarez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-brown-haired-teenage-girl-yellow-shirt-top-happily-sitting-with-book-cup-coffee-wooden-deck-chair-city-park_574295-1116.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Cassandra Suarez", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-brown-haired-teenage-girl-yellow-shirt-top-happily-sitting-with-book-cup-coffee-wooden-deck-chair-city-park_574295-1116.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Joanne Aguilu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mid-adult-businesswoman-with-coffee-phone_1262-19184.jpg",
|
||||
},
|
||||
id: "2", name: "Joanne Aguilu", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mid-adult-businesswoman-with-coffee-phone_1262-19184.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-wavy-haired-girl-smiling-camera-outdoors_1262-20568.jpg",
|
||||
},
|
||||
id: "3", name: "Mike Davis", imageSrc: "http://img.b2bpic.net/free-photo/happy-wavy-haired-girl-smiling-camera-outdoors_1262-20568.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3065.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3065.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg",
|
||||
},
|
||||
id: "5", name: "Tom Wilson", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Reviews"
|
||||
@@ -208,20 +150,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What types of fences do you install?",
|
||||
content: "We install wood, vinyl, chain-link, and ornamental fences to suit your residential property needs.",
|
||||
},
|
||||
id: "1", title: "What types of fences do you install?", content: "We install wood, vinyl, chain-link, and ornamental fences to suit your residential property needs."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does a typical installation take?",
|
||||
content: "Depending on the complexity and size, most residential fence projects are completed within 1-3 days.",
|
||||
},
|
||||
id: "2", title: "How long does a typical installation take?", content: "Depending on the complexity and size, most residential fence projects are completed within 1-3 days."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, Henry's Fence Inc is fully licensed and insured to provide peace of mind for all our clients.",
|
||||
},
|
||||
id: "3", title: "Are you licensed and insured?", content: "Yes, Henry's Fence Inc is fully licensed and insured to provide peace of mind for all our clients."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need more info about our fencing services?"
|
||||
@@ -233,16 +166,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Call us today at +1 305-669-0180 or request a quote for your residential fence installation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+13056690180",
|
||||
},
|
||||
text: "Call Now", href: "tel:+13056690180"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -251,13 +181,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Henry's Fence Inc"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "© 2024 Henry's Fence Inc",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 Henry's Fence Inc", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user