Merge version_1 into main #1
253
src/app/page.tsx
253
src/app/page.tsx
@@ -19,31 +19,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Projects", id: "product" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Loewens Fencing & Deck Repairs"
|
||||
/>
|
||||
@@ -51,20 +43,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Loewens Fencing & Deck Repairs"
|
||||
description="Exquisite fence installation and deck restoration services tailored for discerning homeowners seeking longevity and architectural beauty."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Our Projects", href: "#product" },
|
||||
{ text: "Request Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498452.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -76,9 +60,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Mastery in Every Plank"
|
||||
description={[
|
||||
"With over two decades of dedicated service, Loewens Fencing and Deck Repairs has established a reputation for uncompromising quality and structural integrity.",
|
||||
"We combine traditional craftsmanship with modern materials to build outdoor living spaces that define luxury and endurance.",
|
||||
]}
|
||||
"With over two decades of dedicated service, Loewens Fencing and Deck Repairs has established a reputation for uncompromising quality and structural integrity.", "We combine traditional craftsmanship with modern materials to build outdoor living spaces that define luxury and endurance."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -88,26 +70,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Expertise",
|
||||
title: "Custom Fence Installation",
|
||||
subtitle: "Cedar, Metal, and Vinyl",
|
||||
description: "Precision installations built to withstand elements while enhancing your home's aesthetic appeal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-fence_627829-3839.jpg",
|
||||
},
|
||||
tag: "Expertise", title: "Custom Fence Installation", subtitle: "Cedar, Metal, and Vinyl", description: "Precision installations built to withstand elements while enhancing your home's aesthetic appeal.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-fence_627829-3839.jpg"},
|
||||
{
|
||||
tag: "Restoration",
|
||||
title: "Deck Repair & Refinishing",
|
||||
subtitle: "Restoring Your Foundation",
|
||||
description: "Revitalizing weathered decks into stunning focal points with premium stains and structural repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-varnishing-wood-with-big-brush_23-2148748819.jpg",
|
||||
},
|
||||
tag: "Restoration", title: "Deck Repair & Refinishing", subtitle: "Restoring Your Foundation", description: "Revitalizing weathered decks into stunning focal points with premium stains and structural repairs.", imageSrc: "http://img.b2bpic.net/free-photo/person-varnishing-wood-with-big-brush_23-2148748819.jpg"},
|
||||
{
|
||||
tag: "Customization",
|
||||
title: "Architectural Outdoor Design",
|
||||
subtitle: "Bespoke Landscapes",
|
||||
description: "Tailored designs that prioritize form, function, and the seamless integration of outdoor living spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13225.jpg",
|
||||
},
|
||||
tag: "Customization", title: "Architectural Outdoor Design", subtitle: "Bespoke Landscapes", description: "Tailored designs that prioritize form, function, and the seamless integration of outdoor living spaces.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13225.jpg"},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Crafting outdoor environments that harmonize with your landscape and lifestyle."
|
||||
@@ -122,59 +89,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luxury Cedar",
|
||||
name: "Modern Perimeter Fence",
|
||||
price: "Custom Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building-with-fence_23-2149301077.jpg",
|
||||
},
|
||||
id: "p1", brand: "Luxury Cedar", name: "Modern Perimeter Fence", price: "Custom Pricing", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building-with-fence_23-2149301077.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Composite Deck",
|
||||
name: "Grand Tiered Patio",
|
||||
price: "Custom Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg",
|
||||
},
|
||||
id: "p2", brand: "Composite Deck", name: "Grand Tiered Patio", price: "Custom Pricing", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Wrought Iron",
|
||||
name: "Estate Security Gate",
|
||||
price: "Custom Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rich-african-man-stylish-traditional-clothes-hat-posed-outdoor-background-his-mansion_627829-3365.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Hardwood",
|
||||
name: "Classic Veranda",
|
||||
price: "Custom Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-texture-background_1232-2886.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Vinyl",
|
||||
name: "Private Garden Enclosure",
|
||||
price: "Custom Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-wooden-bridge-across-water-sun_146671-18753.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Restoration",
|
||||
name: "Poolside Deck Refinish",
|
||||
price: "Custom Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-broken_1122-1142.jpg",
|
||||
},
|
||||
id: "p3", brand: "Wrought Iron", name: "Estate Security Gate", price: "Custom Pricing", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/rich-african-man-stylish-traditional-clothes-hat-posed-outdoor-background-his-mansion_627829-3365.jpg"},
|
||||
]}
|
||||
title="Showcase of Excellence"
|
||||
description="Explore our portfolio of completed projects demonstrating our attention to detail and material quality."
|
||||
@@ -188,26 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1200+",
|
||||
title: "Projects Completed",
|
||||
description: "Successfully installed fences and decks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg",
|
||||
},
|
||||
id: "m1", value: "1200+", title: "Projects Completed", description: "Successfully installed fences and decks.", imageSrc: "http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
description: "Expertise in outdoor structural design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-artisan-doing-woodcutting_23-2150104707.jpg",
|
||||
},
|
||||
id: "m2", value: "20+", title: "Years Experience", description: "Expertise in outdoor structural design.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-artisan-doing-woodcutting_23-2150104707.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Client Retention",
|
||||
description: "Trusted by local homeowners yearly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-holding-cellphone-happy-emoji-message-against-brick-wall_23-2147841183.jpg",
|
||||
},
|
||||
id: "m3", value: "98%", title: "Client Retention", description: "Trusted by local homeowners yearly.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-holding-cellphone-happy-emoji-message-against-brick-wall_23-2147841183.jpg"},
|
||||
]}
|
||||
title="Craftsmanship at Scale"
|
||||
description="Proven results measured by the satisfaction of our clients and the durability of our structures."
|
||||
@@ -221,40 +128,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Sterling",
|
||||
handle: "Homeowner",
|
||||
testimonial: "The precision of their installation is unmatched. My cedar fence is the highlight of the garden.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-brunette-woman-white-sundress-smiling-looking-camera-walking-down-street-summer_197531-32577.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Sterling", handle: "Homeowner", testimonial: "The precision of their installation is unmatched. My cedar fence is the highlight of the garden.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-brunette-woman-white-sundress-smiling-looking-camera-walking-down-street-summer_197531-32577.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
handle: "Architect",
|
||||
testimonial: "I trust Loewens with all my outdoor design projects. They never compromise on quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "Business Owner",
|
||||
testimonial: "Restored our deck to look brand new. Professional, timely, and truly luxury finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-asian-girl-putting-coffee-tamper-brew-capuccino-prepare-order_1258-203400.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wu",
|
||||
handle: "Residential Client",
|
||||
testimonial: "Incredible communication throughout the process. Highly recommend for any deck restoration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1516.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia Vane",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Transformed our backyard into a living space we use every day. Exquisite work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-beach-with-copy-space_23-2148739286.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", handle: "Architect", testimonial: "I trust Loewens with all my outdoor design projects. They never compromise on quality.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg"},
|
||||
]}
|
||||
title="Testimonials of Excellence"
|
||||
description="Read what our esteemed clients have to say about the Loewens transformation."
|
||||
@@ -267,20 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does restoration take?",
|
||||
content: "Depending on deck size and damage, restoration usually takes between 3 to 7 days.",
|
||||
},
|
||||
id: "q1", title: "How long does restoration take?", content: "Depending on deck size and damage, restoration usually takes between 3 to 7 days."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What fencing materials offer best durability?",
|
||||
content: "Western Red Cedar and high-grade pressure-treated wood are standard, but we offer composite options too.",
|
||||
},
|
||||
id: "q2", title: "What fencing materials offer best durability?", content: "Western Red Cedar and high-grade pressure-treated wood are standard, but we offer composite options too."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide warranty?",
|
||||
content: "Yes, all structural work comes with a standard 3-year warranty covering defects.",
|
||||
},
|
||||
id: "q3", title: "Do you provide warranty?", content: "Yes, all structural work comes with a standard 3-year warranty covering defects."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -293,15 +160,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to redefine your outdoor space? Reach out for a consultation regarding your next project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@loewens.com",
|
||||
},
|
||||
{ text: "Contact Us Now", href: "mailto:hello@loewens.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,46 +171,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#product",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Projects", href: "#product" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }] },
|
||||
]}
|
||||
logoText="Loewens Fencing"
|
||||
/>
|
||||
@@ -356,4 +181,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user