Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
335
src/app/page.tsx
335
src/app/page.tsx
@@ -17,240 +17,125 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
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: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="A&G Landscaping, LLC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="A&G Landscaping, LLC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="A&G Landscaping"
|
||||
description="Transforming residential properties into breathtaking outdoor sanctuaries with unparalleled professional landscaping expertise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg",
|
||||
imageAlt: "Landscape 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756580.jpg",
|
||||
imageAlt: "Landscape 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organized-composition-gardening-design_23-2148029136.jpg",
|
||||
imageAlt: "Landscape 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-gardening-digging-soil-her-mid-term-vacation-from-high-school-summer-work-concept_197531-31033.jpg",
|
||||
imageAlt: "Landscape 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-woman-taking-care-her-plants-greenhouse_23-2148509911.jpg",
|
||||
imageAlt: "Landscape 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-gardens-luxury-hotel-sunset-bodrum-turkey_627829-7146.jpg",
|
||||
imageAlt: "Landscape 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="A&G Landscaping"
|
||||
description="Transforming residential properties into breathtaking outdoor sanctuaries with unparalleled professional landscaping expertise."
|
||||
buttons={[{ text: "Get a Consultation", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg", imageAlt: "Landscape 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756580.jpg", imageAlt: "Landscape 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/organized-composition-gardening-design_23-2148029136.jpg", imageAlt: "Landscape 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-girl-gardening-digging-soil-her-mid-term-vacation-from-high-school-summer-work-concept_197531-31033.jpg", imageAlt: "Landscape 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-woman-taking-care-her-plants-greenhouse_23-2148509911.jpg", imageAlt: "Landscape 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/amazing-gardens-luxury-hotel-sunset-bodrum-turkey_627829-7146.jpg", imageAlt: "Landscape 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Nature's Beauty, ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/botanical-business-retail-village-floral-bloom_53876-23404.jpg",
|
||||
alt: "About A&G",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " One Yard at a Time.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Crafting Nature's Beauty, " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/botanical-business-retail-village-floral-bloom_53876-23404.jpg", alt: "About A&G" },
|
||||
{ type: "text", content: " One Yard at a Time." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Precision Lawn Care",
|
||||
description: "Expert mowing, trimming, and seasonal maintenance for vibrant, healthy grass.",
|
||||
tag: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41430.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Hardscaping & Patios",
|
||||
description: "Custom stone construction for functional, aesthetic outdoor living spaces.",
|
||||
tag: "Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Planting & Garden Design",
|
||||
description: "Creative, ecological design using native plants tailored to your climate.",
|
||||
tag: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-watering-can-gardening-tools-potted-plant-onion-seeds-pruner-wooden-background_23-2148044489.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="We offer full-spectrum landscaping services to enhance your property's curb appeal and ecological health."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", title: "Precision Lawn Care", description: "Expert mowing, trimming, and seasonal maintenance for vibrant, healthy grass.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41430.jpg" },
|
||||
{ id: "2", title: "Hardscaping & Patios", description: "Custom stone construction for functional, aesthetic outdoor living spaces.", tag: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg" },
|
||||
{ id: "3", title: "Planting & Garden Design", description: "Creative, ecological design using native plants tailored to your climate.", tag: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-watering-can-gardening-tools-potted-plant-onion-seeds-pruner-wooden-background_23-2148044489.jpg" },
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="We offer full-spectrum landscaping services to enhance your property's curb appeal and ecological health."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="A&G Landscaping turned our overgrown backyard into a tranquil retreat. Professional, punctual, and highly skilled. Highly recommended."
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-people-men-women-talking-break_53876-42649.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-spending-time-together-their-caravan_23-2148659471.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-lifestyle-sustained-home_23-2149362443.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-mature-women-drinking-tea-terrace_1398-4084.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="A&G Landscaping turned our overgrown backyard into a tranquil retreat. Professional, punctual, and highly skilled. Highly recommended."
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-people-men-women-talking-break_53876-42649.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/family-spending-time-together-their-caravan_23-2148659471.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/healthy-lifestyle-sustained-home_23-2149362443.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-mature-women-drinking-tea-terrace_1398-4084.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you provide free consultations?",
|
||||
content: "Yes, we offer complimentary on-site consultations to assess your needs.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve the greater metropolitan area and surrounding communities.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your services seasonal?",
|
||||
content: "We provide year-round maintenance and seasonal landscaping solutions.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7004.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries regarding our landscaping process and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you provide free consultations?", content: "Yes, we offer complimentary on-site consultations to assess your needs." },
|
||||
{ id: "2", title: "What areas do you serve?", content: "We serve the greater metropolitan area and surrounding communities." },
|
||||
{ id: "3", title: "Are your services seasonal?", content: "We provide year-round maintenance and seasonal landscaping solutions." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7004.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries regarding our landscaping process and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Get Started Today"
|
||||
description="Contact us to schedule a free estimate for your landscaping project."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Get Started Today"
|
||||
description="Contact us to schedule a free estimate for your landscaping project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="A&G Landscaping, LLC"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="A&G Landscaping, LLC"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user