242 lines
14 KiB
TypeScript
242 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import { Award, Heart, Package, Star, Store } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="smallMedium"
|
||
sizing="medium"
|
||
background="fluid"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="LANDFUXX"
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Products", id: "categories" },
|
||
{ name: "Reviews", id: "reviews" },
|
||
{ name: "Visit", id: "store-info" },
|
||
]}
|
||
button={{
|
||
text: "Call Now", href: "tel:+4997619141"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCarouselLogo
|
||
logoText="LANDFUXX"
|
||
description="Your trusted local garden & pet supply store in Bad Königshofen. Quality products for garden, pets, and rural living."
|
||
buttons={[
|
||
{ text: "Call Now", href: "tel:+4997619141" },
|
||
{ text: "Get Directions", href: "https://maps.google.com/?q=Hoher+Markstein+14,+97631+Bad+Königshofen" },
|
||
]}
|
||
slides={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-compositio_23-2148127874.jpg", imageAlt: "LANDFUXX Garden Center Exterior"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cleaning-dog_23-2149652654.jpg", imageAlt: "LANDFUXX Pet Supplies Section"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12306.jpg?_wi=1", imageAlt: "LANDFUXX Store Interior"},
|
||
]}
|
||
autoplayDelay={5000}
|
||
showDimOverlay={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
tag="Local Expertise"
|
||
tagIcon={Store}
|
||
title="Serving Bad Königshofen since 1995 with passion for quality and community service."
|
||
description="Supporting Local Gardeners & Pet Owners"
|
||
subdescription="4.6 ⭐ Rating (237 Google Reviews)"
|
||
icon={Heart}
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12306.jpg?_wi=2"
|
||
imageAlt="LANDFUXX Store"
|
||
mediaAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="categories" data-section="categories">
|
||
<FeatureCardTwentySeven
|
||
title="Our Product Categories"
|
||
description="Everything you need for your garden, pets, and farm in one place."
|
||
tag="Complete Selection"
|
||
tagIcon={Package}
|
||
features={[
|
||
{
|
||
id: "1", title: "Pet Supplies", description: "Premium dog food, cat food, small animal supplies, and accessories. Trusted brands and local favorites.", imageSrc: "http://img.b2bpic.net/free-photo/black-plate-healthy-chocolate-cereal-rings-breakfast_114579-87471.jpg?_wi=1", imageAlt: "Pet Food and Supplies"},
|
||
{
|
||
id: "2", title: "Garden Essentials", description: "Seeds, plants, soil, fertilizers, and quality tools. Everything for spring planting to winter care.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-market-full-flowers_23-2148447098.jpg?_wi=1", imageAlt: "Garden Plants and Seeds"},
|
||
{
|
||
id: "3", title: "Gardening Tools", description: "Professional and hobby-grade tools. Durable equipment for every gardening project and season.", imageSrc: "http://img.b2bpic.net/free-vector/flat-garden-tool-collection_23-2147544665.jpg?_wi=1", imageAlt: "Gardening Tools"},
|
||
{
|
||
id: "4", title: "Agricultural & Livestock", description: "Animal feed, farming supplies, and equipment. Supporting farmers and hobby agricultural operations.", imageSrc: "http://img.b2bpic.net/free-photo/asian-market-dried-plants_1147-351.jpg?_wi=1", imageAlt: "Livestock Feed and Supplies"},
|
||
]}
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardFour
|
||
title="Featured Products"
|
||
description="Discover our bestselling items trusted by local gardeners and pet owners."
|
||
tag="Popular Items"
|
||
tagIcon={Star}
|
||
products={[
|
||
{
|
||
id: "1", name: "Premium Dog Food Selection", price: "€15,99 - €49,99", variant: "Multiple brands & sizes", imageSrc: "http://img.b2bpic.net/free-photo/black-plate-healthy-chocolate-cereal-rings-breakfast_114579-87471.jpg?_wi=2", imageAlt: "Premium Dog Food"},
|
||
{
|
||
id: "2", name: "Garden Tool Set", price: "€39,99 - €89,99", variant: "Complete or individual tools", imageSrc: "http://img.b2bpic.net/free-vector/flat-garden-tool-collection_23-2147544665.jpg?_wi=2", imageAlt: "Garden Tools"},
|
||
{
|
||
id: "3", name: "Spring Plant Collection", price: "€4,99 - €24,99", variant: "Flowers, herbs, vegetables", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-market-full-flowers_23-2148447098.jpg?_wi=2", imageAlt: "Garden Plants"},
|
||
{
|
||
id: "4", name: "Livestock Feed Bags", price: "€18,99 - €42,99", variant: "Horse, cattle, poultry", imageSrc: "http://img.b2bpic.net/free-photo/asian-market-dried-plants_1147-351.jpg?_wi=2", imageAlt: "Livestock Feed"},
|
||
]}
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardTwelve
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Mueller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-hugging-her-best-friend_23-2148576949.jpg?_wi=1"},
|
||
{
|
||
id: "2", name: "Michael Hoffmann", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-gardener-wearing-gardening-hat-holding-flower-flowerpot-isolated-green-wall_141793-83074.jpg?_wi=1"},
|
||
{
|
||
id: "3", name: "Anna Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-potted-plants_23-2149412615.jpg"},
|
||
{
|
||
id: "4", name: "Klaus Weber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-girl-showing-thumbs-up-emotion-concept_169016-65501.jpg"},
|
||
{
|
||
id: "5", name: "Maria Bauer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-hugging-her-best-friend_23-2148576949.jpg?_wi=2"},
|
||
{
|
||
id: "6", name: "Thomas Richter", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-gardener-wearing-gardening-hat-holding-flower-flowerpot-isolated-green-wall_141793-83074.jpg?_wi=2"},
|
||
]}
|
||
cardTitle="Trusted by 237+ satisfied customers in Bad Königshofen and surrounding regions."
|
||
cardTag="4.6 ⭐ Google Rating"
|
||
cardTagIcon={Award}
|
||
cardAnimation="slide-up"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="store-info" data-section="store-info">
|
||
<MetricCardFourteen
|
||
title="Convenient hours and local expertise at your service."
|
||
tag="Store Hours"
|
||
metrics={[
|
||
{
|
||
id: "1", value: "Mon-Fri", description: "09:00 – 18:00 Open daily for all your garden and pet needs"},
|
||
{
|
||
id: "2", value: "Saturday", description: "09:00 – 14:00 Limited hours for weekend shopping"},
|
||
{
|
||
id: "3", value: "09761 91410", description: "Call us anytime to ask about products or availability"},
|
||
{
|
||
id: "4", value: "Bad Königshofen", description: "Hoher Markstein 14, 97631 Bad Königshofen i. Grabfeld"},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
sideTitle="Frequently Asked Questions"
|
||
sideDescription="Everything you need to know about our products and services."
|
||
faqs={[
|
||
{
|
||
id: "1", title: "What types of dog food do you carry?", content: "We offer a wide selection of premium and budget-friendly dog foods from trusted local and national brands. We stock options for different ages, sizes, and dietary needs. Visit our store or call for specific recommendations."},
|
||
{
|
||
id: "2", title: "Do you provide gardening advice?", content: "Yes! Our friendly team has years of experience and loves helping gardeners. Whether you're a beginner or expert, we provide personalized advice on plant care, soil preparation, and seasonal projects."},
|
||
{
|
||
id: "3", title: "Can I order products online?", content: "Currently, we operate as an in-store experience. We recommend visiting us or calling ahead to check product availability. Our team is happy to help with special orders and bulk purchases for farmers."},
|
||
{
|
||
id: "4", title: "Do you have parking available?", content: "Yes, we have convenient parking at our location. Our store is easily accessible and wheelchair-friendly. Please call if you need assistance with large purchases."},
|
||
{
|
||
id: "5", title: "What is your return policy?", content: "We stand behind our products. If you have any issues, please visit us or call within 14 days of purchase with your receipt. We'll work to find the best solution for you."},
|
||
{
|
||
id: "6", title: "Do you offer seasonal products?", content: "Absolutely! We stock seasonal items throughout the year—spring planting supplies, summer pet care products, fall preparations, and winter necessities. Call us to learn what's available right now."},
|
||
]}
|
||
textPosition="left"
|
||
faqsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
animationType="smooth"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
text="Ready to discover quality garden and pet supplies? Visit LANDFUXX today or reach out with any questions. Our friendly team is here to help!"
|
||
animationType="reveal-blur"
|
||
buttons={[
|
||
{ text: "Call Store", href: "tel:+4997619141" },
|
||
{ text: "Get Directions", href: "https://maps.google.com/?q=Hoher+Markstein+14,+97631+Bad+Königshofen" },
|
||
]}
|
||
background={{ variant: "gradient-bars" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
logoText="LANDFUXX"
|
||
copyrightText="© 2025 LANDFUXX Guck e. K. | Bad Königshofen, Germany"
|
||
columns={[
|
||
{
|
||
title: "Store", items: [
|
||
{ label: "About Us", href: "#about" },
|
||
{ label: "Products", href: "#categories" },
|
||
{ label: "Store Hours", href: "#store-info" },
|
||
{ label: "Call Us", href: "tel:+4997619141" },
|
||
],
|
||
},
|
||
{
|
||
title: "Information", items: [
|
||
{ label: "FAQ", href: "#faq" },
|
||
{ label: "Directions", href: "https://maps.google.com/?q=Hoher+Markstein+14,+97631+Bad+Königshofen" },
|
||
{ label: "Reviews", href: "#reviews" },
|
||
{ label: "Contact", href: "#contact" },
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms of Service", href: "#" },
|
||
{ label: "Imprint", href: "#" },
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|