6 Commits

Author SHA1 Message Date
7d147179c8 Merge version_3 into main
Merge version_3 into main
2026-04-03 18:26:11 +00:00
9ea4ae40ab Update src/app/page.tsx 2026-04-03 18:26:08 +00:00
3edabf6957 Merge version_3 into main
Merge version_3 into main
2026-04-03 18:25:44 +00:00
0fa7e51031 Update src/app/styles/variables.css 2026-04-03 18:25:41 +00:00
ffb361d65b Update src/app/page.tsx 2026-04-03 18:25:41 +00:00
8a692daa5a Merge version_2 into main
Merge version_2 into main
2026-04-03 18:24:08 +00:00
2 changed files with 68 additions and 344 deletions

View File

@@ -3,15 +3,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FooterCard from '@/components/sections/footer/FooterCard';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardOne from '@/components/sections/team/TeamCardOne'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TeamCardSix from '@/components/sections/team/TeamCardSix'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import { MapPin, Clock, Star, Phone } from "lucide-react";
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Leaf } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -28,339 +24,67 @@ export default function LandingPage() {
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Reviews", id: "reviews" },
name: "About", { name: "Visit", id: "visit" },
id: "about", { name: "Contact", id: "contact" },
}, ]}
{ brandName="Frankfurt Grill"
name: "Services", />
id: "services", </div>
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="GreenLeaf Landscapes"
/>
</div>
<div id="about" data-section="about"> <div id="reviews" data-section="reviews">
<TestimonialAboutCard <TestimonialCardTen
useInvertedBackground={false} title="What Our Guests Say"
tag="Expert Landscaping" description="Authentic flavors and experiences from our beloved patrons in the heart of Frankfurt."
title="Transforming Your Outdoors" textboxLayout="default"
description="We specialize in creating lush, beautiful landscapes that elevate your home's aesthetic. Our team of experienced professionals provides top-tier gardening and maintenance services to ensure your garden thrives year-round." useInvertedBackground={false}
subdescription="With over 15 years of experience in landscaping design and maintenance, GreenLeaf Landscapes is dedicated to turning your vision into reality." testimonials={[
imageSrc="http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg" { id: "1", title: "Exceptional!", quote: "The best schnitzel I've had in years!", name: "Hans Muller", role: "Local Foodie" },
mediaAnimation="slide-up" { id: "2", title: "Great Atmosphere", quote: "Perfect for a cozy dinner date.", name: "Sarah K.", role: "Regular Guest" },
icon={Leaf} { id: "3", title: "Highly Recommended", quote: "Excellent service and fresh ingredients.", name: "Markus Z.", role: "Visitor" },
/> ]}
</div> />
</div>
<div id="services" data-section="services"> <div id="visit" data-section="visit">
<FeatureCardNineteen <ContactCenter
textboxLayout="split" tag="Visit Us"
useInvertedBackground={false} title="Find Us in Frankfurt"
features={[ description="Located in the heart of the city, serving authentic local cuisine."
{ className="py-20"
id: 1, background={{ variant: "plain" }}
tag: "Lawn Care", useInvertedBackground={false}
title: "Precision Mowing", />
subtitle: "Uniform care", </div>
description: "Expert mowing for a perfectly manicured lawn every time.",
imageSrc: "http://img.b2bpic.net/free-photo/gardener-standing-near-hedge-with-electric-trimmer-hands_7502-9547.jpg?_wi=1",
},
{
id: 2,
tag: "Hardscaping",
title: "Custom Hardscaping",
subtitle: "Stunning features",
description: "Beautiful stone walkways, patios, and retaining walls to define your space.",
imageSrc: "http://img.b2bpic.net/free-photo/bobblestone-path-with-moss_23-2151942472.jpg?_wi=1",
},
{
id: 3,
tag: "Maintenance",
title: "Tree & Hedge",
subtitle: "Healthy growth",
description: "Expert trimming and pruning to maintain healthy and beautiful garden features.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg",
},
{
id: 4,
tag: "Design",
title: "Landscape Design",
subtitle: "Bespoke plans",
description: "Custom design blueprints to transform your backyard into an oasis.",
imageSrc: "http://img.b2bpic.net/free-photo/gardener-standing-near-hedge-with-electric-trimmer-hands_7502-9547.jpg?_wi=2",
},
{
id: 5,
tag: "Seasonal",
title: "Seasonal Cleanups",
subtitle: "Year-round prep",
description: "Comprehensive spring and fall cleanups to prep your soil and plants.",
imageSrc: "http://img.b2bpic.net/free-photo/bobblestone-path-with-moss_23-2151942472.jpg?_wi=2",
},
]}
title="Our Professional Services"
description="We offer a comprehensive suite of landscaping solutions designed to keep your outdoor space healthy, clean, and visually stunning throughout every season."
/>
</div>
<div id="team" data-section="team"> <div id="contact" data-section="contact">
<TeamCardSix <ContactSplitForm
animationType="slide-up" title="Book Your Table"
textboxLayout="default" description="Reserve your spot today and enjoy the finest dining experience in Frankfurt."
gridVariant="asymmetric-60-wide-40-narrow" inputs={[
useInvertedBackground={false} { name: "fullName", type: "text", placeholder: "Full Name", required: true },
members={[ { name: "date", type: "date", placeholder: "Date", required: true },
{ ]}
id: "1", textarea={{ name: "message", placeholder: "Special requests or party size..." }}
name: "James Smith", buttonText="Reserve Now"
role: "Lead Architect", useInvertedBackground={false}
imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037251.jpg?_wi=1", />
}, </div>
{
id: "2",
name: "Maria Garcia",
role: "Senior Gardener",
imageSrc: "http://img.b2bpic.net/free-photo/sideways-senior-man-with-water-hose_23-2148256656.jpg?_wi=1",
},
{
id: "3",
name: "David Chen",
role: "Maintenance Lead",
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg?_wi=1",
},
{
id: "4",
name: "Sarah Miller",
role: "Design Assistant",
imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037251.jpg?_wi=2",
},
{
id: "5",
name: "Mark Wilson",
role: "Horticulturist",
imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037251.jpg?_wi=3",
},
]}
title="Meet Our Gardening Experts"
description="Our passionate team brings years of horticultural expertise to every project we undertake."
/>
</div>
<div id="team-extra" data-section="team-extra"> <div id="footer" data-section="footer">
<TeamCardOne <FooterCard
animationType="slide-up" logoText="Frankfurt Grill"
textboxLayout="default" copyrightText="© 2025 Frankfurt Grill"
gridVariant="four-items-2x2-equal-grid" socialLinks={[
useInvertedBackground={false} { icon: Phone, href: "tel:+49691234567", ariaLabel: "Call Us" },
members={[ { icon: MapPin, href: "#", ariaLabel: "Directions" },
{ ]}
id: "5", />
name: "Robert Brown", </div>
role: "Operations Manager",
imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037251.jpg?_wi=4",
},
{
id: "6",
name: "Linda White",
role: "Customer Support",
imageSrc: "http://img.b2bpic.net/free-photo/sideways-senior-man-with-water-hose_23-2148256656.jpg?_wi=2",
},
{
id: "7",
name: "Tom Harris",
role: "Field Coordinator",
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg?_wi=2",
},
{
id: "8",
name: "Emily Clark",
role: "Scheduling Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037251.jpg?_wi=5",
},
{
id: "9",
name: "Peter Jones",
role: "Inventory Manager",
imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037251.jpg?_wi=6",
},
]}
title="Support & Consultation"
description="Meet the office staff keeping our operations growing smoothly."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "John Doe",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg",
},
{
id: "2",
name: "Jane Smith",
imageSrc: "http://img.b2bpic.net/free-photo/mother-son-plating-together_23-2148943246.jpg",
},
{
id: "3",
name: "Mike Ross",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-enjoying-spending-time-together-restaurant_23-2147891189.jpg",
},
{
id: "4",
name: "Alice Wong",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2172.jpg",
},
{
id: "5",
name: "Bob Taylor",
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-female-posing-indoor_344912-969.jpg",
},
]}
cardTitle="Client Success Stories"
cardTag="Trusted by Homeowners"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do you offer free estimates?",
content: "Yes, we provide free site evaluations and quotes for all new projects.",
},
{
id: "2",
title: "Is maintenance included in design?",
content: "We offer separate recurring maintenance plans tailored to your specific garden needs.",
},
{
id: "3",
title: "How quickly can you start?",
content: "We typically schedule site visits within 48 hours of your inquiry.",
},
{
id: "4",
title: "What areas do you serve?",
content: "We provide services within a 30-mile radius of the city center.",
},
{
id: "5",
title: "Are your services eco-friendly?",
content: "We prioritize organic fertilizers and sustainable practices in all designs.",
},
]}
title="Common Questions"
description="Find answers to frequently asked questions about our services and maintenance plans."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Schedule a Consultation"
description="Ready to bring your garden vision to life? Let's discuss your landscaping needs today."
inputs={[
{
name: "fullName",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project...",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/tree_1127-3511.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Services",
items: [
{
label: "Lawn Care",
href: "#",
},
{
label: "Hardscaping",
href: "#",
},
{
label: "Maintenance",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Meet the Team",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 GreenLeaf Landscapes Inc."
bottomRightText="Crafted by Webild"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f7f9f4; --background: #000f06;
--card: #ffffff; --card: #0a1a10;
--foreground: #1a2e1a; --foreground: #f5f5f5;
--primary-cta: #2d5a27; --primary-cta: #d4af37;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #ffffff; --secondary-cta: #1a1a1a;
--secondary-cta-text: #2d5a27; --secondary-cta-text: #2d5a27;
--accent: #4a8c3f; --accent: #d4af37;
--background-accent: #6fb85e; --background-accent: #002e12;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);