Merge version_1 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -17,31 +17,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Fences Del Sol"
|
||||
/>
|
||||
@@ -53,13 +50,9 @@ export default function LandingPage() {
|
||||
description="Excellence in custom fencing solutions. Building security and aesthetic value for your home with precision and care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Work", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/process-renovation-garden-fence-with-nobody-photo_613910-17238.jpg"
|
||||
imageAlt="Fences Del Sol professional installation"
|
||||
@@ -73,9 +66,7 @@ export default function LandingPage() {
|
||||
title="Built to Last, Designed to Impress."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -88,25 +79,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Wood Privacy Fencing",
|
||||
description: "Classic cedar and pressure-treated wood fences that provide privacy and beauty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg",
|
||||
imageAlt: "Wood Fence",
|
||||
},
|
||||
title: "Wood Privacy Fencing", description: "Classic cedar and pressure-treated wood fences that provide privacy and beauty.", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg", imageAlt: "Wood Fence"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Aluminum Fencing",
|
||||
description: "Secure, durable, and low-maintenance aluminum fences for modern residential properties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-swimming-pool-with-deck-chairs_1203-1516.jpg",
|
||||
imageAlt: "Aluminum Fence",
|
||||
},
|
||||
title: "Aluminum Fencing", description: "Secure, durable, and low-maintenance aluminum fences for modern residential properties.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-swimming-pool-with-deck-chairs_1203-1516.jpg", imageAlt: "Aluminum Fence"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Wrought Iron Fencing",
|
||||
description: "Timeless ornamental iron fences that combine unmatched security with elegant aesthetics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-hanging-out-together-suburbs_23-2149085438.jpg",
|
||||
imageAlt: "Iron Fence",
|
||||
},
|
||||
title: "Wrought Iron Fencing", description: "Timeless ornamental iron fences that combine unmatched security with elegant aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-hanging-out-together-suburbs_23-2149085438.jpg", imageAlt: "Iron Fence"},
|
||||
]}
|
||||
title="Professional Fencing Services"
|
||||
description="We specialize in high-quality materials and professional installation to ensure long-lasting durability."
|
||||
@@ -120,59 +99,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Anderson",
|
||||
role: "Property Manager",
|
||||
company: "Urban Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-pajamas-with-pillow-relaxes-garden_72229-600.jpg",
|
||||
},
|
||||
id: "2", name: "James Anderson", role: "Property Manager", company: "Urban Living", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-pajamas-with-pillow-relaxes-garden_72229-600.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Homeowner",
|
||||
company: "Suburban Estate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table_554837-87.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", role: "Homeowner", company: "Suburban Estate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table_554837-87.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thompson",
|
||||
role: "Homeowner",
|
||||
company: "North Side",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-picture-handsome-stylish-young-european-male-with-thick-beard-spending-sunny-summer-day_343059-3585.jpg",
|
||||
},
|
||||
id: "4", name: "David Thompson", role: "Homeowner", company: "North Side", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-picture-handsome-stylish-young-european-male-with-thick-beard-spending-sunny-summer-day_343059-3585.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Property Owner",
|
||||
company: "West District",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Property Owner", company: "West District", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "10+", label: "Years Experience"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Rating"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We take pride in every project, ensuring our clients receive the best results for their home."
|
||||
@@ -185,20 +133,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does installation take?",
|
||||
content: "Installation usually takes 2-4 days depending on the size and complexity of your fence project.",
|
||||
},
|
||||
id: "1", title: "How long does installation take?", content: "Installation usually takes 2-4 days depending on the size and complexity of your fence project."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we provide free onsite estimates to ensure we give you an accurate price for your specific needs.",
|
||||
},
|
||||
id: "2", title: "Do you provide estimates?", content: "Yes, we provide free onsite estimates to ensure we give you an accurate price for your specific needs."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is there a warranty?",
|
||||
content: "We offer a 5-year workmanship warranty on all our fence installations for your peace of mind.",
|
||||
},
|
||||
id: "3", title: "Is there a warranty?", content: "We offer a 5-year workmanship warranty on all our fence installations for your peace of mind."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to common questions about our fencing services."
|
||||
@@ -210,16 +149,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to Start?"
|
||||
title="Get Your Custom Fence Today"
|
||||
description="Contact our experts at Fences Del Sol to discuss your project requirements."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
text: "Book Consultation", href: "tel:5551234567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,33 +164,21 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Fences Del Sol",
|
||||
items: [
|
||||
title: "Fences Del Sol", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Our Services", href: "#services"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
label: "Call Us", href: "tel:5551234567"},
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Get a Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user