180 lines
9.7 KiB
TypeScript
180 lines
9.7 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import { Award, MapPin, ShoppingBag, ChefHat, Headset, Sparkles } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{ name: "Home", id: "#hero" },
|
||
{ name: "Über uns", id: "#about" },
|
||
{ name: "Angebote", id: "#products" },
|
||
{ name: "Kontakt", id: "#contact" },
|
||
]}
|
||
brandName="GALERIA"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
background={{ variant: "plain" }}
|
||
title="Ihr Zuhause an der Hauptwache"
|
||
description="Erleben Sie exklusive Auswahl, erstklassigen Service und eine einzigartige Atmosphäre im Herzen von Frankfurt."
|
||
buttons={[{ text: "Jetzt entdecken", href: "#products" }]}
|
||
mediaItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-women-looking-something-phone_23-2149122959.jpg", imageAlt: "Galeria Frankfurt Storefront" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551186.jpg", imageAlt: "Fashion department" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-filled-casual-formal-wear-items-hanging-fashion-store-racks-hangers-full-with-fashionable-clothes-accessories-discount-small-business-commercial-activity_482257-65075.jpg", imageAlt: "Interior display" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-walking-street-with-shopping-bags_23-2148695593.jpg", imageAlt: "Shopping mall" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/clothes-hang-shelf_1339-5478.jpg", imageAlt: "Retail space" }
|
||
]}
|
||
mediaAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
title="Tradition trifft Moderne"
|
||
description="Seit Generationen ist Galeria Frankfurt an der Hauptwache die erste Adresse für qualitätsbewusste Genießer. Wir vereinen Tradition mit modernem Lifestyle."
|
||
bulletPoints={[
|
||
{ title: "Exklusive Markenwelt", description: "Die besten Marken unter einem Dach." },
|
||
{ title: "Gourmet-Erlebnis", description: "Kulinarische Highlights aus aller Welt." },
|
||
{ title: "Persönlicher Service", description: "Unser Team steht Ihnen beratend zur Seite." }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-with-hat-walking-down-stairs_23-2148238072.jpg"
|
||
imageAlt="Historische Architektur der Galeria Frankfurt"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentySix
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ title: "Top Sortiment", description: "Moden, Beauty und Lifestyle.", buttonIcon: ShoppingBag, imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-gift-boxes_23-2148663142.jpg" },
|
||
{ title: "Gourmet Markt", description: "Frische Produkte und Delikatessen.", buttonIcon: ChefHat, imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_1203-9516.jpg" },
|
||
{ title: "Service pur", description: "Versand, Verpackung und Beratung.", buttonIcon: Headset, imageSrc: "http://img.b2bpic.net/free-photo/mobile-coupon-marketing-retail-shop_482257-79860.jpg" },
|
||
{ title: "Persönliche Beratung", description: "Expertise für jeden Stil.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924147.jpg" }
|
||
]}
|
||
title="Warum zu uns?"
|
||
description="Ihr Einkaufserlebnis in Frankfurt soll etwas Besonderes sein."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{ id: "1", name: "Premium Handtasche", price: "299,00 €", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916697.jpg" },
|
||
{ id: "2", name: "Designer Armbanduhr", price: "450,00 €", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722618.jpg" },
|
||
{ id: "3", name: "Luxus Beauty Set", price: "89,00 €", imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307262.jpg" },
|
||
{ id: "4", name: "Gourmet Schokoladen", price: "35,00 €", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-sponge-cookies-wooden-cup_114579-17520.jpg" },
|
||
{ id: "5", name: "Kaffeevollautomat", price: "899,00 €", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281609.jpg" },
|
||
{ id: "6", name: "Designer Sonnenbrille", price: "199,00 €", imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-optical-sunglasses-inside-little-box-grey_140725-18267.jpg" }
|
||
]}
|
||
title="Unsere Highlights"
|
||
description="Entdecken Sie die neuesten Trends und exklusiven Angebote."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardThree
|
||
animationType="depth-3d"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{ id: "m1", icon: MapPin, title: "Standort", value: "Hauptwache" },
|
||
{ id: "m2", icon: ShoppingBag, title: "Marken", value: "500+" },
|
||
{ id: "m3", icon: Award, title: "Jahre", value: "100+" }
|
||
]}
|
||
title="Galeria Frankfurt in Zahlen"
|
||
description="Ihr Einkauf in bester Lage."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{ id: "1", title: "Hervorragend", quote: "Die beste Auswahl an Marken in der ganzen Stadt.", name: "Anna S.", role: "Kundin", imageSrc: "http://img.b2bpic.net/free-photo/adult-women-happy-shopping-together_23-2148385626.jpg" },
|
||
{ id: "2", title: "Tolles Erlebnis", quote: "Immer wieder ein Besuch wert bei meinem Frankfurt-Besuch.", name: "Markus K.", role: "Tourist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-shopping_23-2147652127.jpg" },
|
||
{ id: "3", title: "Service top", quote: "Sehr nette und kompetente Beratung in der Modeabteilung.", name: "Elena R.", role: "Stammkundin", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-making-purchases-mall_1303-29592.jpg" },
|
||
{ id: "4", title: "Einzigartig", quote: "Galeria ist Frankfurt. Ein echtes Stück Stadtleben.", name: "David M.", role: "Frankfurter", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-excited-woman-holding-smartphone_23-2149313451.jpg" },
|
||
{ id: "5", title: "Immer modern", quote: "Man findet hier immer wieder Überraschungen.", name: "Sabine L.", role: "Kundin", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394261.jpg" }
|
||
]}
|
||
title="Das sagen unsere Kunden"
|
||
description="Erfahrungen unserer geschätzten Besucher."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{ id: "f1", title: "Öffnungszeiten?", content: "Mo-Sa: 10:00 - 20:00 Uhr." },
|
||
{ id: "f2", title: "Anreise?", content: "Optimal per U-Bahn & S-Bahn erreichbar." },
|
||
{ id: "f3", title: "Gutscheine?", content: "Online und an der Kasse erhältlich." }
|
||
]}
|
||
sideTitle="Fragen? Antworten."
|
||
sideDescription="Alles, was Sie für Ihren Besuch wissen müssen."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{ variant: "plain" }}
|
||
text="Besuchen Sie uns persönlich im Herzen der City – wir freuen uns auf Sie!"
|
||
buttons={[{ text: "Kontakt aufnehmen", href: "#" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-concert-hall-iceland-with-lot-visitors_181624-10671.jpg"
|
||
logoText="GALERIA"
|
||
columns={[
|
||
{ title: "Standort", items: [{ label: "An der Hauptwache", href: "#" }] },
|
||
{ title: "Service", items: [{ label: "Kontakt", href: "#contact" }, { label: "Newsletter", href: "#" }] },
|
||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |