Merge version_1 into main #1
246
src/app/page.tsx
246
src/app/page.tsx
@@ -31,59 +31,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Portfolio", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Fencing Co."
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Secure Your Property with Professional Fencing"
|
||||
description="Expert fence installation, repair, and custom design for residential and commercial clients."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2761.jpg",
|
||||
imageAlt: "Residential picket fence beautiful garden",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-traveler-with-arm-crossed-standing-near-textured-wall_23-2148221945.jpg",
|
||||
imageAlt: "Security fence commercial property",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-house-decorated-with-american-flag-colors-ornaments-independence-day-celebration_23-2151469885.jpg",
|
||||
imageAlt: "Vinyl fence modern backyard design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg",
|
||||
imageAlt: "Residential picket fence beautiful garden",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2149534737.jpg",
|
||||
imageAlt: "Security fence commercial property",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2761.jpg", imageAlt: "Residential picket fence beautiful garden" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-traveler-with-arm-crossed-standing-near-textured-wall_23-2148221945.jpg", imageAlt: "Security fence commercial property" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-house-decorated-with-american-flag-colors-ornaments-independence-day-celebration_23-2151469885.jpg", imageAlt: "Vinyl fence modern backyard design" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,22 +60,10 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for Durability and Style.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/friends-fitness-training-together-outdoors-living-active-healthy_1328-3011.jpg",
|
||||
alt: "Fencing contractors professional at work",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
{ type: "text", content: "Built for Durability and Style." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/friends-fitness-training-together-outdoors-living-active-healthy_1328-3011.jpg", alt: "Fencing contractors professional at work" },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,24 +73,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Installation",
|
||||
description: "Highly trained crew with years of field experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg",
|
||||
imageAlt: "Durable weather resistant fence materials",
|
||||
},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Weather-resistant, durable materials guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445336.jpg",
|
||||
imageAlt: "Privacy fence garden design",
|
||||
},
|
||||
{
|
||||
title: "Custom Solutions",
|
||||
description: "Tailored designs for your unique landscape.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/walkway-railway_1150-12644.jpg",
|
||||
imageAlt: "Commercial security perimeter fence",
|
||||
},
|
||||
{ title: "Expert Installation", description: "Highly trained crew with years of field experience.", imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg", imageAlt: "Durable weather resistant fence materials" },
|
||||
{ title: "Premium Materials", description: "Weather-resistant, durable materials guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445336.jpg", imageAlt: "Privacy fence garden design" },
|
||||
{ title: "Custom Solutions", description: "Tailored designs for your unique landscape.", imageSrc: "http://img.b2bpic.net/free-photo/walkway-railway_1150-12644.jpg", imageAlt: "Commercial security perimeter fence" },
|
||||
]}
|
||||
title="Why Choose Elite Fencing?"
|
||||
description="We combine premium materials with master craftsmanship to deliver fences that stand the test of time."
|
||||
@@ -149,54 +89,9 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Picket",
|
||||
price: "Custom Quote",
|
||||
variant: "Wood",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trees-with-leaves-cloudy-day_58702-10709.jpg",
|
||||
imageAlt: "Wood picket fence style residential",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Iron",
|
||||
price: "Custom Quote",
|
||||
variant: "Metal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-cross-nature-with-wooden-fence-it_181624-45737.jpg",
|
||||
imageAlt: "Modern iron fence residential gate",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Privacy Vinyl",
|
||||
price: "Custom Quote",
|
||||
variant: "Vinyl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-fence_627829-3839.jpg",
|
||||
imageAlt: "Vinyl privacy fence backyard",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Aluminum Style",
|
||||
price: "Custom Quote",
|
||||
variant: "Aluminum",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-couple-posing-background-wooden-wall-camera_1153-9351.jpg",
|
||||
imageAlt: "Aluminum fence elegant design",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Farm Grade",
|
||||
price: "Custom Quote",
|
||||
variant: "Wood/Wire",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bars_23-2148098630.jpg",
|
||||
imageAlt: "Farm fence sturdy agricultural",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Luxury Gate",
|
||||
price: "Custom Quote",
|
||||
variant: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/peaceful-path-outdoors_1137-215.jpg",
|
||||
imageAlt: "Custom wood gate entrance",
|
||||
},
|
||||
{ id: "p1", name: "Classic Picket", price: "Custom Quote", variant: "Wood", imageSrc: "http://img.b2bpic.net/free-photo/trees-with-leaves-cloudy-day_58702-10709.jpg" },
|
||||
{ id: "p2", name: "Modern Iron", price: "Custom Quote", variant: "Metal", imageSrc: "http://img.b2bpic.net/free-photo/wooden-cross-nature-with-wooden-fence-it_181624-45737.jpg" },
|
||||
{ id: "p3", name: "Privacy Vinyl", price: "Custom Quote", variant: "Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-fence_627829-3839.jpg" },
|
||||
]}
|
||||
title="Our Fence Solutions"
|
||||
description="Explore our variety of fencing options."
|
||||
@@ -209,31 +104,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Residential",
|
||||
"Commercial",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Skilled Crew",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
items: [
|
||||
"Guarantee",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Projects Completed", items: ["Residential", "Commercial"] },
|
||||
{ id: "m2", value: "15+", title: "Years Experience", items: ["Skilled Crew"] },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Proven results for residential and commercial clients."
|
||||
@@ -244,33 +116,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3534.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",
|
||||
},
|
||||
{ id: "1", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg" },
|
||||
{ id: "2", name: "Sarah W.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg" },
|
||||
]}
|
||||
cardTitle="Client Reviews"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -280,21 +130,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does installation take?",
|
||||
content: "Typically 2-4 days depending on the scope of the project.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, all materials and workmanship are covered by a 3-year warranty.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I get a quote?",
|
||||
content: "Simply contact us through the form below for a free estimate.",
|
||||
},
|
||||
{ id: "f1", title: "How long does installation take?", content: "Typically 2-4 days depending on the scope of the project." },
|
||||
{ id: "f2", title: "Do you offer warranties?", content: "Yes, all materials and workmanship are covered by a 3-year warranty." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our fencing process."
|
||||
@@ -305,9 +142,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Start Your Project Today"
|
||||
description="Fill out the form for a free on-site consultation."
|
||||
@@ -320,32 +155,7 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Elite Fencing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Services", href: "#features" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Elite Fencing Co. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user