Merge version_1 into main #2
323
src/app/page.tsx
323
src/app/page.tsx
@@ -16,239 +16,112 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ATHelms"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="ATHelms"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="ATHelms Contracting"
|
||||
description="Delivering Excellence, Every Step of the Way. Your premier choice for high-end kitchen, bathroom, and outdoor living space renovations in Charlotte, NC."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ed7irc9q.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ohrg7k4q.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-38uos3y6.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-kp3q66qg.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ed7irc9q.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ohrg7k4q.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="ATHelms Contracting"
|
||||
description="Delivering Excellence, Every Step of the Way. Your premier choice for high-end kitchen, bathroom, and outdoor living space renovations in Charlotte, NC."
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
buttons={[{ text: "Start Your Project", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ed7irc9q.jpg" },
|
||||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ohrg7k4q.jpg" },
|
||||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-38uos3y6.jpg" },
|
||||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-kp3q66qg.jpg" },
|
||||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ed7irc9q.jpg" },
|
||||
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ohrg7k4q.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Expertise You Can Trust"
|
||||
description="With years of experience in the Charlotte area, we turn houses into dream homes. Whether it's a modern kitchen overhaul, a luxurious bathroom retreat, or a beautiful outdoor deck, our team delivers superior craftsmanship with unmatched attention to detail."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-38uos3y6.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Expertise You Can Trust"
|
||||
description="With years of experience in the Charlotte area, we turn houses into dream homes. Whether it's a modern kitchen overhaul, a luxurious bathroom retreat, or a beautiful outdoor deck, our team delivers superior craftsmanship with unmatched attention to detail."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Projects Completed" },
|
||||
{ value: "100%", title: "Customer Satisfaction" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-38uos3y6.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Custom Bathroom Remodel",
|
||||
price: "View Project",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ed7irc9q.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Modern Kitchen Renovation",
|
||||
price: "View Project",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ohrg7k4q.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Custom Deck & Porch Build",
|
||||
price: "View Project",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-kp3q66qg.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Transforming spaces in Charlotte. Take a look at our recent bathroom, kitchen, and deck projects."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardOne
|
||||
title="Our Work"
|
||||
description="Transforming spaces in Charlotte. Take a look at our recent bathroom, kitchen, and deck projects."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Custom Bathroom Remodel", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ed7irc9q.jpg" },
|
||||
{ id: "2", name: "Modern Kitchen Renovation", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ohrg7k4q.jpg" },
|
||||
{ id: "3", name: "Custom Deck & Porch Build", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-kp3q66qg.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark D.",
|
||||
date: "Jan 2024",
|
||||
title: "Kitchen Reno",
|
||||
quote: "ATHelms transformed our kitchen completely. The craftsmanship is flawless.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-taking-e-leraning-courses_23-2149231590.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ohrg7k4q.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jessica L.",
|
||||
date: "Nov 2023",
|
||||
title: "Master Bathroom",
|
||||
quote: "The most professional contractor in Charlotte. Truly excellence every step.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-pretty-brunette-standing-by-window-kitchen-with-orange_1157-13657.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ed7irc9q.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David T.",
|
||||
date: "Sept 2023",
|
||||
title: "Backyard Deck",
|
||||
quote: "Our new deck is exactly what we dreamed of. Great communication throughout.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-kp3q66qg.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah W.",
|
||||
date: "June 2023",
|
||||
title: "Kitchen Update",
|
||||
quote: "ATHelms made the kitchen remodel stress-free. Exceptional quality.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-38uos3y6.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Don't just take our word for it—see what our Charlotte clients have to say about our work."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Client Success Stories"
|
||||
description="Don't just take our word for it—see what our Charlotte clients have to say about our work."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mark D.", date: "Jan 2024", title: "Kitchen Reno", quote: "ATHelms transformed our kitchen completely. The craftsmanship is flawless.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-taking-e-leraning-courses_23-2149231590.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ohrg7k4q.jpg" },
|
||||
{ id: "2", name: "Jessica L.", date: "Nov 2023", title: "Master Bathroom", quote: "The most professional contractor in Charlotte. Truly excellence every step.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-pretty-brunette-standing-by-window-kitchen-with-orange_1157-13657.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-ed7irc9q.jpg" },
|
||||
{ id: "3", name: "David T.", date: "Sept 2023", title: "Backyard Deck", quote: "Our new deck is exactly what we dreamed of. Great communication throughout.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-kp3q66qg.jpg" },
|
||||
{ id: "4", name: "Sarah W.", date: "June 2023", title: "Kitchen Update", quote: "ATHelms made the kitchen remodel stress-free. Exceptional quality.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVNKfCLpvnXt9ZiT6yE6MnE9RB/uploaded-1774570262228-38uos3y6.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ready to get started?"
|
||||
title="Build Your Dream Space"
|
||||
description="Ready to begin your kitchen, bathroom, or outdoor project? Contact ATHelms today for a consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@athelms.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to get started?"
|
||||
title="Build Your Dream Space"
|
||||
description="Ready to begin your kitchen, bathroom, or outdoor project? Contact ATHelms today for a consultation."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@athelms.com" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ATHelms"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="ATHelms"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Projects", href: "#projects" }] },
|
||||
{ items: [{ label: "Services", href: "#" }, { label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user