Merge version_1 into main #2
179
src/app/page.tsx
179
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Gallo Fence LLC"
|
||||
/>
|
||||
@@ -53,71 +45,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Excellence in Every Panel"
|
||||
description="Gallo Fence LLC delivers premium fence installation services tailored to enhance the beauty, security, and value of your property."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Customer Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-mobile-phone_23-2148000041.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-mobile-phone_23-2148000041.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-hiding-her-eyes-wooden-plank_23-2147948233.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-hiding-her-eyes-wooden-plank_23-2147948233.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-painting-fence-home_1150-5909.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-painting-fence-home_1150-5909.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential Fencing",
|
||||
},
|
||||
type: "text", text: "Residential Fencing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wood & Vinyl",
|
||||
},
|
||||
type: "text", text: "Wood & Vinyl"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Security Gates",
|
||||
},
|
||||
type: "text", text: "Security Gates"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Designs",
|
||||
},
|
||||
type: "text", text: "Custom Designs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Expert Craftsmanship"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Lifetime Durability",
|
||||
value: "High",
|
||||
},
|
||||
label: "Lifetime Durability", value: "High"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Rapid Installation",
|
||||
value: "Fast",
|
||||
},
|
||||
label: "Rapid Installation", value: "Fast"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality Materials",
|
||||
value: "Premium",
|
||||
},
|
||||
label: "Quality Materials", value: "Premium"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -155,48 +114,24 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Classic Wood Fencing",
|
||||
description: "Timeless aesthetics and natural beauty for your backyard privacy.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg?_wi=1",
|
||||
imageAlt: "Wood Fence",
|
||||
},
|
||||
title: "Classic Wood Fencing", description: "Timeless aesthetics and natural beauty for your backyard privacy.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg", imageAlt: "Wood Fence"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg?_wi=2",
|
||||
imageAlt: "Wood Fence Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pine-branches-white-wooden-fence_1372-71.jpg?_wi=2",
|
||||
imageAlt: "residential fence installation garden",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg", imageAlt: "Wood Fence Detail"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Metal Security Fencing",
|
||||
description: "Strength and reliability for ultimate property security.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207761.jpg?_wi=1",
|
||||
imageAlt: "Metal Fence",
|
||||
},
|
||||
title: "Metal Security Fencing", description: "Strength and reliability for ultimate property security.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207761.jpg", imageAlt: "Metal Fence"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207761.jpg?_wi=2",
|
||||
imageAlt: "Metal Fence Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-workshop-measuring-wood_23-2148836026.jpg",
|
||||
imageAlt: "fence installation tools craftsmanship",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207761.jpg", imageAlt: "Metal Fence Detail"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Vinyl Privacy Fencing",
|
||||
description: "Maintenance-free privacy that looks pristine all year round.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-skateboard_23-2148805144.jpg?_wi=1",
|
||||
imageAlt: "Vinyl Fence",
|
||||
},
|
||||
title: "Vinyl Privacy Fencing", description: "Maintenance-free privacy that looks pristine all year round.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-skateboard_23-2148805144.jpg", imageAlt: "Vinyl Fence"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-skateboard_23-2148805144.jpg?_wi=2",
|
||||
imageAlt: "Vinyl Fence Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg?_wi=3",
|
||||
imageAlt: "wood picket fence design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-skateboard_23-2148805144.jpg", imageAlt: "Vinyl Fence Detail"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -210,30 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-mobile-phone_23-2148000041.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/man-using-mobile-phone_23-2148000041.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg",
|
||||
},
|
||||
id: "3", name: "Mark Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hiding-her-eyes-wooden-plank_23-2147948233.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/woman-hiding-her-eyes-wooden-plank_23-2147948233.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-painting-fence-home_1150-5909.jpg",
|
||||
},
|
||||
id: "5", name: "David Brown", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-painting-fence-home_1150-5909.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -247,27 +167,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we offer free onsite estimates.",
|
||||
},
|
||||
id: "q1", title: "Do you provide estimates?", content: "Yes, we offer free onsite estimates."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does installation take?",
|
||||
content: "Most projects are completed within 3-5 business days.",
|
||||
},
|
||||
id: "q2", title: "How long does installation take?", content: "Most projects are completed within 3-5 business days."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you handle permits?",
|
||||
content: "We handle all required local permits for your fence.",
|
||||
},
|
||||
id: "q3", title: "Do you handle permits?", content: "We handle all required local permits for your fence."},
|
||||
]}
|
||||
ctaTitle="Ready to Start?"
|
||||
ctaDescription="Get a free estimate on your next project today."
|
||||
ctaButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123456",
|
||||
}}
|
||||
text: "Call Now", href: "tel:5550123456"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -276,13 +185,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Gallo Fence LLC"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user