Merge version_1 into main #1
367
src/app/page.tsx
367
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Facebook, Instagram, Leaf, Twitter } from "lucide-react";
|
||||
import { Facebook, Instagram, Leaf, Twitter, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,276 +17,117 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Tala Apartelle"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tala Apartelle"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elevating Nature into Art"
|
||||
description="Tala Apartelle crafts bespoke landscape environments that turn your outdoor space into a sanctuary of elegance and tranquility."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elara Vance",
|
||||
handle: "@elara.v",
|
||||
testimonial: "Tala Apartelle transformed our garden into a masterpiece. Truly professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-decorating-home_23-2150633269.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "The attention to detail in their stonework is unmatched. Exceptional quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-talking-phone_23-2148435670.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofia Reyes",
|
||||
handle: "@sreyes",
|
||||
testimonial: "Exquisite designs and seamless execution. Our backyard is our favorite place now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garden-tools-with-pot-cactus-white-background_1428-721.jpg",
|
||||
},
|
||||
{
|
||||
name: "James L.",
|
||||
handle: "@jamesl",
|
||||
testimonial: "A premium service from start to finish. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-greenhouse_23-2149098326.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe B.",
|
||||
handle: "@chloeb",
|
||||
testimonial: "Transformed our home exterior into something extraordinary.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-engraving-wood-outdoors_23-2149061719.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-blends-with-nature-s-vibrant-colors-generated-by-ai_188544-30782.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-ladies-looking-smartphone-bench_23-2147950216.jpg",
|
||||
alt: "Client group laughter",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-water-hose_23-2148256621.jpg",
|
||||
alt: "Senior couple gardening",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-people-greenhouse_23-2149098325.jpg",
|
||||
alt: "People at greenhouse",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-picnic-togetherness-relaxation-digital-tablet-technology-concept_53876-146937.jpg",
|
||||
alt: "Picnic together",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/embracing-women-with-tablet-looking-each-other_23-2147779582.jpg",
|
||||
alt: "Collaborating partners",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Stone",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Landscapes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Living",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevating Nature into Art"
|
||||
description="Tala Apartelle crafts bespoke landscape environments that turn your outdoor space into a sanctuary of elegance and tranquility."
|
||||
testimonials={[
|
||||
{ name: "Elara Vance", handle: "@elara.v", testimonial: "Tala Apartelle transformed our garden into a masterpiece. Truly professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-decorating-home_23-2150633269.jpg" },
|
||||
{ name: "Marcus Thorne", handle: "@mthorne", testimonial: "The attention to detail in their stonework is unmatched. Exceptional quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-talking-phone_23-2148435670.jpg" },
|
||||
{ name: "Sofia Reyes", handle: "@sreyes", testimonial: "Exquisite designs and seamless execution. Our backyard is our favorite place now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/garden-tools-with-pot-cactus-white-background_1428-721.jpg" },
|
||||
{ name: "James L.", handle: "@jamesl", testimonial: "A premium service from start to finish. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-greenhouse_23-2149098326.jpg" },
|
||||
{ name: "Chloe B.", handle: "@chloeb", testimonial: "Transformed our home exterior into something extraordinary.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-engraving-wood-outdoors_23-2149061719.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Our Work", href: "#services" }, { text: "Book Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-blends-with-nature-s-vibrant-colors-generated-by-ai_188544-30782.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Philosophy"
|
||||
title="The Art of Living Outdoors"
|
||||
description="At Tala Apartelle, we believe the landscape is an extension of your home's personality. We fuse natural elements with refined design to build spaces that last."
|
||||
subdescription="Every project is a collaboration, ensuring that our technical expertise matches your vision for beauty and function."
|
||||
icon={Leaf}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/thoughtful-middle-aged-gardener-looking-evergreen-plants-gray-haired-man-eyeglasses-wearing-blue-shirt-apron-growing-small-thujas-greenhouse-commercial-gardening-summer-concept_74855-12988.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Philosophy"
|
||||
title="The Art of Living Outdoors"
|
||||
description="At Tala Apartelle, we believe the landscape is an extension of your home's personality. We fuse natural elements with refined design to build spaces that last."
|
||||
subdescription="Every project is a collaboration, ensuring that our technical expertise matches your vision for beauty and function."
|
||||
icon={Leaf}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/thoughtful-middle-aged-gardener-looking-evergreen-plants-gray-haired-man-eyeglasses-wearing-blue-shirt-apron-growing-small-thujas-greenhouse-commercial-gardening-summer-concept_74855-12988.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bespoke Paving",
|
||||
description: "Custom pathways and patios using the finest natural stone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Horticulture Design",
|
||||
description: "Curated selection of botanical life to suit your climate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Stone Craftsmanship",
|
||||
description: "Artisan-level masonry for retaining walls and structural features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-wall-texture-background_1232-2837.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Ambient Lighting",
|
||||
description: "Strategic garden lighting systems for elegant nightscapes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-against-red-brick-wall-night_1339-3097.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
]}
|
||||
title="Professional Landscaping Services"
|
||||
description="We offer comprehensive landscaping services designed to elevate your property's value and aesthetic appeal."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Bespoke Paving", description: "Custom pathways and patios using the finest natural stone.", imageSrc: "http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Horticulture Design", description: "Curated selection of botanical life to suit your climate.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Stone Craftsmanship", description: "Artisan-level masonry for retaining walls and structural features.", imageSrc: "http://img.b2bpic.net/free-photo/stone-wall-texture-background_1232-2837.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Ambient Lighting", description: "Strategic garden lighting systems for elegant nightscapes.", imageSrc: "http://img.b2bpic.net/free-photo/lamp-against-red-brick-wall-night_1339-3097.jpg", buttonIcon: ArrowRight }
|
||||
]}
|
||||
title="Professional Landscaping Services"
|
||||
description="We offer comprehensive landscaping services designed to elevate your property's value and aesthetic appeal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elara Vance",
|
||||
role: "CEO",
|
||||
company: "Global Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-young-beautiful-bearded-hispanic-man-blue-shirt-smiling-camera-collecting-salad-leaves-garden-watering-plants-spending-summer-morning-countryside-house_176420-19900.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Creative Director",
|
||||
company: "Vogue Media",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardener-apron_23-2147768552.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia Reyes",
|
||||
role: "Founder",
|
||||
company: "EcoStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-man-with-tablet-urban-environment_23-2147961514.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
role: "Architect",
|
||||
company: "Modern Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139734.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe B.",
|
||||
role: "Designer",
|
||||
company: "Home Art",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30888.jpg",
|
||||
},
|
||||
]}
|
||||
title="Clients Who Love Their Gardens"
|
||||
description="Hear from our premium clients about their transformative outdoor experiences."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elara Vance", role: "CEO", company: "Global Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-young-beautiful-bearded-hispanic-man-blue-shirt-smiling-camera-collecting-salad-leaves-garden-watering-plants-spending-summer-morning-countryside-house_176420-19900.jpg" },
|
||||
{ id: "2", name: "Marcus Thorne", role: "Creative Director", company: "Vogue Media", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gardener-apron_23-2147768552.jpg" },
|
||||
{ id: "3", name: "Sofia Reyes", role: "Founder", company: "EcoStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-man-with-tablet-urban-environment_23-2147961514.jpg" },
|
||||
{ id: "4", name: "James L.", role: "Architect", company: "Modern Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139734.jpg" },
|
||||
{ id: "5", name: "Chloe B.", role: "Designer", company: "Home Art", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30888.jpg" }
|
||||
]}
|
||||
title="Clients Who Love Their Gardens"
|
||||
description="Hear from our premium clients about their transformative outdoor experiences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Schedule Your Design Review"
|
||||
description="Ready to transform your property? Fill out the form below to initiate your personalized landscaping consultation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-woman-straw-hat-using-lap-top-while-traveling-asia-working-remotely-stylish-tropical-cafe_273443-5144.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Start Project"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Get in Touch"
|
||||
title="Schedule Your Design Review"
|
||||
description="Ready to transform your property? Fill out the form below to initiate your personalized landscaping consultation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-woman-straw-hat-using-lap-top-while-traveling-asia-working-remotely-stylish-tropical-cafe_273443-5144.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Start Project"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Tala Apartelle"
|
||||
copyrightText="© 2025 Tala Apartelle | Premium Landscaping Services"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Tala Apartelle"
|
||||
copyrightText="© 2025 Tala Apartelle | Premium Landscaping Services"
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user