Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7d147179c8 | |||
| 9ea4ae40ab | |||
| 3edabf6957 | |||
| 0fa7e51031 | |||
| ffb361d65b | |||
| 8a692daa5a |
398
src/app/page.tsx
398
src/app/page.tsx
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user