Merge version_2 into main #2
255
src/app/page.tsx
255
src/app/page.tsx
@@ -33,21 +33,13 @@ 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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Minneapolis Fence Co."
|
||||
/>
|
||||
@@ -57,98 +49,55 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Quality Fencing for Minneapolis Homes"
|
||||
description="Professional residential and commercial fence installation services across the Twin Cities. We build durable, beautiful fences that stand the test of Minnesota weather."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/human-hand-touching-bamboo-fence_23-2147843536.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah.m",
|
||||
testimonial: "Incredible craftsmanship, my new cedar fence is stunning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290153.jpg",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@sarah.m", testimonial: "Incredible craftsmanship, my new cedar fence is stunning.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290153.jpg"},
|
||||
{
|
||||
name: "David Johnson",
|
||||
handle: "@david.j",
|
||||
testimonial: "Fast, clean, and professional. The team was excellent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-protective-gloves-is-painting-wooden-fence-bright-summer-day_613910-17104.jpg",
|
||||
},
|
||||
name: "David Johnson", handle: "@david.j", testimonial: "Fast, clean, and professional. The team was excellent.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-protective-gloves-is-painting-wooden-fence-bright-summer-day_613910-17104.jpg"},
|
||||
{
|
||||
name: "Emily Chen",
|
||||
handle: "@emily.c",
|
||||
testimonial: "Perfect installation, my yard looks so much better now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290155.jpg",
|
||||
},
|
||||
name: "Emily Chen", handle: "@emily.c", testimonial: "Perfect installation, my yard looks so much better now.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290155.jpg"},
|
||||
{
|
||||
name: "Robert Smith",
|
||||
handle: "@rob.smith",
|
||||
testimonial: "Reliable and fairly priced. Highly recommend them.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg",
|
||||
},
|
||||
name: "Robert Smith", handle: "@rob.smith", testimonial: "Reliable and fairly priced. Highly recommend them.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg"},
|
||||
{
|
||||
name: "Jennifer K.",
|
||||
handle: "@jen.k",
|
||||
testimonial: "Best fence installers in Minneapolis, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290159.jpg",
|
||||
},
|
||||
name: "Jennifer K.", handle: "@jen.k", testimonial: "Best fence installers in Minneapolis, hands down.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290159.jpg"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-lengh-photo-handsome-businessman-british-quarter_197531-629.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-lengh-photo-handsome-businessman-british-quarter_197531-629.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-telling-story-two-little-daughter-home-garden_1150-4079.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mother-telling-story-two-little-daughter-home-garden_1150-4079.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-with-daughter-playing-yard_1157-24653.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/family-with-daughter-playing-yard_1157-24653.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/calm-quiet-atmosphere-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16167.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/calm-quiet-atmosphere-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16167.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-morning-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16172.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/good-morning-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16172.jpg", alt: "Customer"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cedar Privacy",
|
||||
},
|
||||
type: "text", text: "Cedar Privacy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vinyl Fencing",
|
||||
},
|
||||
type: "text", text: "Vinyl Fencing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ornamental Iron",
|
||||
},
|
||||
type: "text", text: "Ornamental Iron"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Chain Link",
|
||||
},
|
||||
type: "text", text: "Chain Link"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Gates",
|
||||
},
|
||||
type: "text", text: "Custom Gates"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,17 +110,11 @@ export default function LandingPage() {
|
||||
description="With over 15 years of experience serving Minneapolis homeowners, our team is dedicated to precision installation, premium materials, and long-term durability. We understand the local climate and build fences that endure."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Installation",
|
||||
description: "Highly trained crews ensuring perfection in every post and panel.",
|
||||
},
|
||||
title: "Expert Installation", description: "Highly trained crews ensuring perfection in every post and panel."},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Sourced from top-tier suppliers for maximum longevity.",
|
||||
},
|
||||
title: "Premium Materials", description: "Sourced from top-tier suppliers for maximum longevity."},
|
||||
{
|
||||
title: "Fully Licensed",
|
||||
description: "Professional team with full insurance and warranty coverage.",
|
||||
},
|
||||
title: "Fully Licensed", description: "Professional team with full insurance and warranty coverage."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-couple-grabbing-rope_23-2147562489.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -185,34 +128,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Cedar Privacy",
|
||||
description: "Natural, beautiful, and highly durable for residential privacy.",
|
||||
icon: Shield,
|
||||
title: "Cedar Privacy", description: "Natural, beautiful, and highly durable for residential privacy.", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Vinyl Fencing",
|
||||
description: "Low maintenance, weather-resistant, and aesthetically clean.",
|
||||
icon: CheckCircle,
|
||||
title: "Vinyl Fencing", description: "Low maintenance, weather-resistant, and aesthetically clean.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Ornamental Iron",
|
||||
description: "Classic look with exceptional strength and curb appeal.",
|
||||
icon: Star,
|
||||
title: "Ornamental Iron", description: "Classic look with exceptional strength and curb appeal.", icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Chain Link",
|
||||
description: "Practical, secure, and cost-effective perimeter solutions.",
|
||||
icon: Award,
|
||||
title: "Chain Link", description: "Practical, secure, and cost-effective perimeter solutions.", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Custom Gates",
|
||||
description: "Beautiful entryways crafted to match your fencing.",
|
||||
icon: Sparkles,
|
||||
title: "Custom Gates", description: "Beautiful entryways crafted to match your fencing.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Repair & Staining",
|
||||
description: "Professional maintenance to keep your fence looking new.",
|
||||
icon: Zap,
|
||||
title: "Repair & Staining", description: "Professional maintenance to keep your fence looking new.", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Our Fence Services"
|
||||
@@ -228,41 +159,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Traditional Cedar Panel",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-wooden-bridge-across-water-sun_146671-18753.jpg",
|
||||
},
|
||||
id: "p1", name: "Traditional Cedar Panel", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-wooden-bridge-across-water-sun_146671-18753.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "White Vinyl Picket",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg",
|
||||
},
|
||||
id: "p2", name: "White Vinyl Picket", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Iron Ornamental",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-embankment-along-seashore-sky-with-wisps-cloud-natural-concept-awaiting-winter-storm-season_166373-8779.jpg",
|
||||
},
|
||||
id: "p3", name: "Iron Ornamental", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/old-embankment-along-seashore-sky-with-wisps-cloud-natural-concept-awaiting-winter-storm-season_166373-8779.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Privacy Vinyl Slab",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13051.jpg",
|
||||
},
|
||||
id: "p4", name: "Privacy Vinyl Slab", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13051.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Aluminum Modern",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-36988.jpg",
|
||||
},
|
||||
id: "p5", name: "Aluminum Modern", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-36988.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Garden Wood Gate",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15625.jpg",
|
||||
},
|
||||
id: "p6", name: "Garden Wood Gate", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15625.jpg"},
|
||||
]}
|
||||
title="Featured Fence Designs"
|
||||
description="From cedar privacy panels to ornamental iron, see our most popular installations."
|
||||
@@ -276,40 +183,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent service and craftsmanship. Our cedar fence is exactly what we wanted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-standing-plant-nursery-holding-watering-can-hand_23-2147948200.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", testimonial: "Excellent service and craftsmanship. Our cedar fence is exactly what we wanted.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-standing-plant-nursery-holding-watering-can-hand_23-2147948200.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Johnson",
|
||||
role: "Homeowner",
|
||||
testimonial: "Highly recommended. The installation team was fast and kept the site clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asking-try-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16153.jpg",
|
||||
},
|
||||
id: "2", name: "David Johnson", role: "Homeowner", testimonial: "Highly recommended. The installation team was fast and kept the site clean.", imageSrc: "http://img.b2bpic.net/free-photo/asking-try-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16153.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Homeowner",
|
||||
testimonial: "Top quality vinyl fence that handles our winter storms perfectly. Great service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-gathering-beets-from-farm_23-2150454966.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "Homeowner", testimonial: "Top quality vinyl fence that handles our winter storms perfectly. Great service.", imageSrc: "http://img.b2bpic.net/free-photo/woman-gathering-beets-from-farm_23-2150454966.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Smith",
|
||||
role: "Homeowner",
|
||||
testimonial: "Professional communication from start to finish. Our new gate looks stunning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure_23-2148748801.jpg",
|
||||
},
|
||||
id: "4", name: "Robert Smith", role: "Homeowner", testimonial: "Professional communication from start to finish. Our new gate looks stunning.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure_23-2148748801.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer K.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Best fence installers in Minneapolis. Fair pricing and excellent end result.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-glasses-pink-coat-black-tunic-handbag-posed-against-fence-street_627829-10950.jpg",
|
||||
},
|
||||
id: "5", name: "Jennifer K.", role: "Homeowner", testimonial: "Best fence installers in Minneapolis. Fair pricing and excellent end result.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-glasses-pink-coat-black-tunic-handbag-posed-against-fence-street_627829-10950.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our Minneapolis neighbors say about their new fences."
|
||||
@@ -324,23 +206,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "800+",
|
||||
description: "Fences Installed",
|
||||
},
|
||||
id: "m2", value: "800+", description: "Fences Installed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Client Satisfaction"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Years of expertise and satisfied projects."
|
||||
description="Providing peace of mind for local homeowners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -349,20 +222,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you need a permit?",
|
||||
content: "Yes, we handle all necessary permit filings in the city of Minneapolis for you.",
|
||||
},
|
||||
id: "f1", title: "Do you need a permit?", content: "Yes, we handle all necessary permit filings in the city of Minneapolis for you."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What's the typical timeline?",
|
||||
content: "Most residential projects are completed within 3-5 days after materials are delivered.",
|
||||
},
|
||||
id: "f2", title: "What's the typical timeline?", content: "Most residential projects are completed within 3-5 days after materials are delivered."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Absolutely. All installations come with a comprehensive 2-year workmanship warranty.",
|
||||
},
|
||||
id: "f3", title: "Do you offer warranties?", content: "Absolutely. All installations come with a comprehensive 2-year workmanship warranty."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Get clear answers to your fencing project questions."
|
||||
@@ -374,8 +238,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Start Your Project Today"
|
||||
description="Ready to get a new fence? Contact us today for a free on-site estimate."
|
||||
@@ -391,18 +254,14 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user