Merge version_2 into main #2
198
src/app/page.tsx
198
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Alliance Fence Corp"
|
||||
/>
|
||||
@@ -50,71 +44,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Secure Your Property with Alliance Fence"
|
||||
description="Professional residential and commercial fencing solutions built to last. We combine expert craftsmanship with top-grade materials."
|
||||
description="Professional residential and commercial fencing solutions built to last. Visit our office at 1900 Frontage Rd, Joliet, IL 60436. We combine expert craftsmanship with top-grade materials."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "2000+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "2000+", label: "Projects Completed"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
value: "100%", label: "Satisfaction Rate"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359734.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-fence-garden-full-trees_181624-27357.jpg",
|
||||
alt: "Happy client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-fence-garden-full-trees_181624-27357.jpg", alt: "Happy client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sparrow-perched-white-wooden-fence-with-blurry-lake_181624-23244.jpg",
|
||||
alt: "Happy client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sparrow-perched-white-wooden-fence-with-blurry-lake_181624-23244.jpg", alt: "Happy client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-fence_627829-3839.jpg",
|
||||
alt: "Happy client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-fence_627829-3839.jpg", alt: "Happy client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/japanese-rusty-house-entrance_23-2149301049.jpg",
|
||||
alt: "Happy client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/japanese-rusty-house-entrance_23-2149301049.jpg", alt: "Happy client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-living-farmhouse_23-2150621703.jpg",
|
||||
alt: "Happy client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-living-farmhouse_23-2150621703.jpg", alt: "Happy client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 2,000+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Wood Fences",
|
||||
},
|
||||
type: "text", text: "Premium Wood Fences"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Durable Security Fencing",
|
||||
},
|
||||
type: "text", text: "Durable Security Fencing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Custom Installation",
|
||||
},
|
||||
type: "text", text: "Expert Custom Installation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Weather-Resistant Materials",
|
||||
},
|
||||
type: "text", text: "Weather-Resistant Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Professional Teams",
|
||||
},
|
||||
type: "text", text: "Certified Professional Teams"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,20 +91,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Committed to Quality Craftsmanship"
|
||||
description="At Alliance Fence Corp, we believe every boundary should be as beautiful as it is secure. Serving the community for over a decade, we pride ourselves on precision, reliability, and custom solutions."
|
||||
description="At Alliance Fence Corp, located at 1900 Frontage Rd, Joliet, IL 60436, we believe every boundary should be as beautiful as it is secure. Serving the community for over a decade, we pride ourselves on precision, reliability, and custom solutions."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Custom Designs",
|
||||
description: "Tailored to your specific landscape needs.",
|
||||
},
|
||||
title: "Custom Designs", description: "Tailored to your specific landscape needs."},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Weather-resistant and durable construction.",
|
||||
},
|
||||
title: "Premium Materials", description: "Weather-resistant and durable construction."},
|
||||
{
|
||||
title: "Expert Installation",
|
||||
description: "Professional teams ensuring lasting stability.",
|
||||
},
|
||||
title: "Expert Installation", description: "Professional teams ensuring lasting stability."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-taking-care-plant-outdoors_23-2149722636.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -152,20 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wood Privacy",
|
||||
description: "Timeless charm and complete seclusion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/peaceful-path-outdoors_1137-215.jpg?_wi=1",
|
||||
},
|
||||
title: "Wood Privacy", description: "Timeless charm and complete seclusion.", imageSrc: "http://img.b2bpic.net/free-photo/peaceful-path-outdoors_1137-215.jpg?_wi=1"},
|
||||
{
|
||||
title: "Chain Link",
|
||||
description: "Cost-effective, durable perimeter security.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-searching-right-apartment-building_1098-17909.jpg?_wi=1",
|
||||
},
|
||||
title: "Chain Link", description: "Cost-effective, durable perimeter security.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-searching-right-apartment-building_1098-17909.jpg?_wi=1"},
|
||||
{
|
||||
title: "Ornamental Iron",
|
||||
description: "Sophisticated elegance for luxury homes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garden-day-tree-lawn-beautiful_1203-6324.jpg?_wi=1",
|
||||
},
|
||||
title: "Ornamental Iron", description: "Sophisticated elegance for luxury homes.", imageSrc: "http://img.b2bpic.net/free-photo/garden-day-tree-lawn-beautiful_1203-6324.jpg?_wi=1"},
|
||||
]}
|
||||
title="Our Fencing Services"
|
||||
description="Whatever your security or aesthetic goals, we have the perfect fencing solution."
|
||||
@@ -179,20 +131,11 @@ export default function LandingPage() {
|
||||
tag="Proven Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
description: "Linear Feet Installed",
|
||||
},
|
||||
id: "m1", value: "5000+", description: "Linear Feet Installed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Qualified Crews",
|
||||
},
|
||||
id: "m2", value: "12", description: "Qualified Crews"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
description: "Quote Response",
|
||||
},
|
||||
id: "m3", value: "24h", description: "Quote Response"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -204,60 +147,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
date: "2023-10",
|
||||
title: "Homeowner",
|
||||
quote: "Incredible work! Our new wooden fence transformed our backyard.",
|
||||
tag: "Satisfied",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-giving-potted-plant-her-client-greenhouse_23-2147948333.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359734.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner outdoor backyard",
|
||||
},
|
||||
id: "t1", name: "Alice Johnson", date: "2023-10", title: "Homeowner", quote: "Incredible work! Our new wooden fence transformed our backyard.", tag: "Satisfied", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-giving-potted-plant-her-client-greenhouse_23-2147948333.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359734.jpg?_wi=2", imageAlt: "happy homeowner outdoor backyard"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Miller",
|
||||
date: "2023-09",
|
||||
title: "Small Business Owner",
|
||||
quote: "The chain link install was quick and very professional.",
|
||||
tag: "Recommended",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/fabulous-bridesmaid-wearing-jeans-white-tshirt-posing-outside-bachelorette-party_627829-11086.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-taking-care-plant-outdoors_23-2149722636.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner outdoor backyard",
|
||||
},
|
||||
id: "t2", name: "Mark Miller", date: "2023-09", title: "Small Business Owner", quote: "The chain link install was quick and very professional.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/fabulous-bridesmaid-wearing-jeans-white-tshirt-posing-outside-bachelorette-party_627829-11086.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-taking-care-plant-outdoors_23-2149722636.jpg?_wi=2", imageAlt: "happy homeowner outdoor backyard"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Reed",
|
||||
date: "2023-08",
|
||||
title: "Resident",
|
||||
quote: "Excellent communication throughout the entire process.",
|
||||
tag: "Great Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741259.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/peaceful-path-outdoors_1137-215.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner outdoor backyard",
|
||||
},
|
||||
id: "t3", name: "Sarah Reed", date: "2023-08", title: "Resident", quote: "Excellent communication throughout the entire process.", tag: "Great Service", avatarSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741259.jpg", imageSrc: "http://img.b2bpic.net/free-photo/peaceful-path-outdoors_1137-215.jpg?_wi=2", imageAlt: "happy homeowner outdoor backyard"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Clark",
|
||||
date: "2023-07",
|
||||
title: "Homeowner",
|
||||
quote: "Beautiful ornamental iron work, truly sets the tone.",
|
||||
tag: "Happy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037319.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-searching-right-apartment-building_1098-17909.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner outdoor backyard",
|
||||
},
|
||||
id: "t4", name: "David Clark", date: "2023-07", title: "Homeowner", quote: "Beautiful ornamental iron work, truly sets the tone.", tag: "Happy", avatarSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037319.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-searching-right-apartment-building_1098-17909.jpg?_wi=2", imageAlt: "happy homeowner outdoor backyard"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emma Woods",
|
||||
date: "2023-06",
|
||||
title: "Resident",
|
||||
quote: "Solid build quality, looks amazing in my garden.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-eco-bag-with-fruit-country-side_1303-15249.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garden-day-tree-lawn-beautiful_1203-6324.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner outdoor backyard",
|
||||
},
|
||||
id: "t5", name: "Emma Woods", date: "2023-06", title: "Resident", quote: "Solid build quality, looks amazing in my garden.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-eco-bag-with-fruit-country-side_1303-15249.jpg", imageSrc: "http://img.b2bpic.net/free-photo/garden-day-tree-lawn-beautiful_1203-6324.jpg?_wi=2", imageAlt: "happy homeowner outdoor backyard"},
|
||||
]}
|
||||
title="Hear From Our Happy Clients"
|
||||
description="We are proud to serve our community with excellence."
|
||||
@@ -270,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does installation take?",
|
||||
content: "Typically 2-3 days depending on the size.",
|
||||
},
|
||||
id: "f1", title: "How long does installation take?", content: "Typically 2-3 days depending on the size."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, all estimates are free and no-obligation.",
|
||||
},
|
||||
id: "f2", title: "Do you offer free estimates?", content: "Yes, all estimates are free and no-obligation."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What maintenance is needed?",
|
||||
content: "Depends on the material; we provide a maintenance guide.",
|
||||
},
|
||||
id: "f3", title: "What maintenance is needed?", content: "Depends on the material; we provide a maintenance guide."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions regarding our services."
|
||||
@@ -295,11 +184,10 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Reach out today for a free estimate and consultation with our team."
|
||||
description="Reach out today for a free estimate and consultation with our team at our Joliet location, 1900 Frontage Rd."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -307,16 +195,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Alliance Fence Corp"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user