Update src/app/page.tsx
This commit is contained in:
451
src/app/page.tsx
451
src/app/page.tsx
@@ -28,348 +28,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Athens Deck Builders"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Athens Deck Builders"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
title="Athens' Most Trusted Deck Builders"
|
||||
description="Crafting beautiful, custom outdoor living spaces in Athens, GA with unmatched attention to detail and professional integrity. Your dream backyard starts with our experts."
|
||||
tag="4.3★ on Google"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-dreamy-barefooted-lady-with-long-curly-hair-sitting-wooden-bench-park-looking-away-romantic-girl-straw-hat-white-dress-posing-front-flowerbed_197531-3979.jpg?_wi=1",
|
||||
imageAlt: "custom wood deck construction outdoor living",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-wooden-chairs-porch-wooden-house_181624-15412.jpg?_wi=1",
|
||||
imageAlt: "outdoor deck seating area evening light",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sea-fear-bridge-violence-health_1428-703.jpg",
|
||||
imageAlt: "man sea fear bridge violence health",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rusted-railing-with-white-stairs_23-2148269845.jpg",
|
||||
imageAlt: "Close-up of rusted railing with white stairs",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359704.jpg",
|
||||
imageAlt: "Beautiful japanese garden",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={4.3}
|
||||
ratingText="Based on local homeowner reviews"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "downward-rays-static-grid" }}
|
||||
title="Athens' Most Trusted Deck Builders"
|
||||
description="Crafting beautiful, custom outdoor living spaces in Athens, GA with unmatched attention to detail and professional integrity. Your dream backyard starts with our experts."
|
||||
tag="4.3★ on Google"
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/outdoor-dreamy-barefooted-lady-with-long-curly-hair-sitting-wooden-bench-park-looking-away-romantic-girl-straw-hat-white-dress-posing-front-flowerbed_197531-3979.jpg", imageAlt: "custom wood deck construction outdoor living" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-wooden-chairs-porch-wooden-house_181624-15412.jpg", imageAlt: "outdoor deck seating area evening light" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={4.3}
|
||||
ratingText="Based on local homeowner reviews"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Dedicated to Craftsman-Quality Work in Athens"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Dedicated to Craftsman-Quality Work in Athens"
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Expert Design",
|
||||
title: "Custom Deck Consultation",
|
||||
subtitle: "Unique designs for your home",
|
||||
description: "Every deck we build is a custom design crafted to match your landscape and home aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pen-near-drafts_23-2147785572.jpg?_wi=1",
|
||||
imageAlt: "custom deck design blueprints architectural",
|
||||
},
|
||||
{
|
||||
tag: "Precision Builds",
|
||||
title: "Custom Deck Construction",
|
||||
subtitle: "Quality craftsmanship every time",
|
||||
description: "Our team ensures every plank is secured with attention to detail, creating long-lasting beautiful decks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-swimming-pool-with-palm-trees-thai-style-decoration_1258-111445.jpg",
|
||||
imageAlt: "custom outdoor pergola deck addition",
|
||||
},
|
||||
{
|
||||
tag: "Restoration",
|
||||
title: "Deck Repair & Refurbishing",
|
||||
subtitle: "Restoring your outdoor space",
|
||||
description: "Whether it's minor repairs or major restorations, we bring your old deck back to life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-warm-texture_1194-8940.jpg?_wi=1",
|
||||
imageAlt: "deck repair wood restoration maintenance",
|
||||
},
|
||||
]}
|
||||
title="Professional Deck Services"
|
||||
description="We specialize in custom design, high-quality builds, and precision repairs to elevate your Athens home."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Expert Design", title: "Custom Deck Consultation", subtitle: "Unique designs for your home", description: "Every deck we build is a custom design crafted to match your landscape and home aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/pen-near-drafts_23-2147785572.jpg", imageAlt: "custom deck design blueprints architectural" },
|
||||
{ tag: "Precision Builds", title: "Custom Deck Construction", subtitle: "Quality craftsmanship every time", description: "Our team ensures every plank is secured with attention to detail, creating long-lasting beautiful decks.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-swimming-pool-with-palm-trees-thai-style-decoration_1258-111445.jpg", imageAlt: "custom outdoor pergola deck addition" },
|
||||
{ tag: "Restoration", title: "Deck Repair & Refurbishing", subtitle: "Restoring your outdoor space", description: "Whether it's minor repairs or major restorations, we bring your old deck back to life.", imageSrc: "http://img.b2bpic.net/free-photo/wooden-warm-texture_1194-8940.jpg", imageAlt: "deck repair wood restoration maintenance" }
|
||||
]}
|
||||
title="Professional Deck Services"
|
||||
description="We specialize in custom design, high-quality builds, and precision repairs to elevate your Athens home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
brand: "Athens Deck",
|
||||
name: "Modern Backyard Deck",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leave-close-up-wooden-boards_1137-175.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
brand: "Athens Deck",
|
||||
name: "Raised Patio Deck",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-couple-sitting-rooftop-enjoying-dating_23-2147891124.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
brand: "Athens Deck",
|
||||
name: "Pergola Deck Build",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-celebration-with-interior-ornaments_23-2151906905.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
brand: "Athens Deck",
|
||||
name: "Stained Cedar Deck",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-table-chair_1339-3404.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
brand: "Athens Deck",
|
||||
name: "Multi-Level Deck",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-texture_1122-2558.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
brand: "Athens Deck",
|
||||
name: "Backyard Porch Build",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-wearing-masks-playing-laptops-stairs_1150-22752.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Completed Work"
|
||||
description="A showcase of our recent projects across Athens, Georgia."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "g1", brand: "Athens Deck", name: "Modern Backyard Deck", price: "Custom", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/leave-close-up-wooden-boards_1137-175.jpg" },
|
||||
{ id: "g2", brand: "Athens Deck", name: "Raised Patio Deck", price: "Custom", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-couple-sitting-rooftop-enjoying-dating_23-2147891124.jpg" },
|
||||
{ id: "g3", brand: "Athens Deck", name: "Pergola Deck Build", price: "Custom", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/christmas-celebration-with-interior-ornaments_23-2151906905.jpg" }
|
||||
]}
|
||||
title="Our Completed Work"
|
||||
description="A showcase of our recent projects across Athens, Georgia."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
date: "Oct 2023",
|
||||
title: "Satisfied Homeowner",
|
||||
quote: "Craftsman-type work with amazing attention to detail. My deck looks fantastic!",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/village-landscape_1182-842.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-dreamy-barefooted-lady-with-long-curly-hair-sitting-wooden-bench-park-looking-away-romantic-girl-straw-hat-white-dress-posing-front-flowerbed_197531-3979.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait residential home",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Thornton",
|
||||
date: "Sep 2023",
|
||||
title: "Athens Resident",
|
||||
quote: "Well priced and know decks! Highly recommend these guys for any outdoor projects.",
|
||||
tag: "Value",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-ceramic-kitchenware_23-2149060825.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-wooden-chairs-porch-wooden-house_181624-15412.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait residential home",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Davis",
|
||||
date: "Aug 2023",
|
||||
title: "Home Owner",
|
||||
quote: "Professional, on time, and beautiful work. Truly the most trusted builders in Athens.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mature-man-holding-adorable-baby-granddaughter_74855-6070.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-man-wearing-blue-overall-drawing-furniture-sheet-paper_1098-19104.jpg",
|
||||
imageAlt: "happy client portrait residential home",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John Miller",
|
||||
date: "Jul 2023",
|
||||
title: "Local Client",
|
||||
quote: "Exceptional deck construction. They transformed our backyard entirely.",
|
||||
tag: "Transformation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-talking-phone_259150-58610.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pen-near-drafts_23-2147785572.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait residential home",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Thompson",
|
||||
date: "Jun 2023",
|
||||
title: "Happy Homeowner",
|
||||
quote: "Friendly and skilled craftsmen. The deck is sturdy and fits our home perfectly.",
|
||||
tag: "Expertise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-warm-texture_1194-8940.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait residential home",
|
||||
},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Jenkins", date: "Oct 2023", title: "Satisfied Homeowner", quote: "Craftsman-type work with amazing attention to detail. My deck looks fantastic!", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/village-landscape_1182-842.jpg" },
|
||||
{ id: "t2", name: "Mark Thornton", date: "Sep 2023", title: "Athens Resident", quote: "Well priced and know decks! Highly recommend these guys for any outdoor projects.", tag: "Value", avatarSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-ceramic-kitchenware_23-2149060825.jpg" }
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Athens Chamber",
|
||||
"Local Builder Guild",
|
||||
"Georgia Construction Assoc",
|
||||
"Athens Historic Society",
|
||||
"Home Builders Council",
|
||||
"Athens Pride Business",
|
||||
"Construction Safety Board",
|
||||
]}
|
||||
title="Local Community Partners"
|
||||
description="Proudly serving Athens homeowners and community businesses."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Athens Chamber", "Local Builder Guild", "Georgia Construction Assoc"]}
|
||||
title="Local Community Partners"
|
||||
description="Proudly serving Athens homeowners and community businesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free, no-obligation estimates for all deck building and repair projects in Athens.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve homeowners throughout the Athens, Georgia area.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed and insured for all deck construction work.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Answers to common questions about our deck construction process."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer free estimates?", content: "Yes, we provide free, no-obligation estimates for all deck building and repair projects in Athens." },
|
||||
{ id: "f2", title: "What areas do you serve?", content: "We primarily serve homeowners throughout the Athens, Georgia area." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Answers to common questions about our deck construction process."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Get a Free Quote"
|
||||
description="Ready to build your dream deck? Reach out to us for a free estimate today or visit us at 367 Prince Ave #1, Athens GA. Phone: (706) 510-3521"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-houses_53876-65273.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Get a Free Quote"
|
||||
description="Ready to build your dream deck? Reach out to us for a free estimate today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-houses_53876-65273.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Athens Deck Builders"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Custom Decks",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Deck Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Athens Deck Builders. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Athens Deck Builders"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Custom Decks", href: "#services" }, { label: "Deck Repairs", href: "#services" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Athens Deck Builders. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user