Merge version_1 into main #2
417
src/app/page.tsx
417
src/app/page.tsx
@@ -13,306 +13,139 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Eiskreationen",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Bewertungen",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Eiscafé Corso"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Eiskreationen", id: "products" },
|
||||
{ name: "Bewertungen", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Eiscafé Corso"
|
||||
button={{ text: "Bestellen" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Eis-Café Corso Idstein"
|
||||
description="Ihr traditionelles Eiscafé in der historischen Altstadt. Genießen Sie hausgemachte Eiskreationen in gemütlicher Atmosphäre – seit jeher ein Treffpunkt für Genießer."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Petra Homann",
|
||||
handle: "@google-review",
|
||||
testimonial: "Immer wieder sehr nett hier. Traditions Eiscafé in Idstein. Eis ist sehr lecker!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Gast von Gelbe Seiten",
|
||||
handle: "@gelbe-seiten",
|
||||
testimonial: "Zwei Brüder sind Besitzer und die Bewirtung ist absolute spitze! Super nett und immer gut drauf!!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-kid-with-ice-creams_23-2149426707.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Thomas Schmidt",
|
||||
handle: "@gast-idstein",
|
||||
testimonial: "Die beste Eisdiele im Taunus. Immer frische Zutaten und sehr freundlicher Service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-young-black-man-grey-t-shirt-smiling-broadly_273609-430.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Familie Meyer",
|
||||
handle: "@local-guides",
|
||||
testimonial: "Ein wunderbarer Ort für eine Pause nach dem Altstadtbummel. Großartige Auswahl.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-holding-popsicle-icecream_23-2148193976.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah Müller",
|
||||
handle: "@foodie-love",
|
||||
testimonial: "Das Mango-Sorbet ist ein absoluter Traum, sehr fruchtig und cremig.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blueberry-ice-cream-scoop-black-slate-background_123827-21406.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-young-black-man-grey-t-shirt-smiling-broadly_273609-430.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-holding-popsicle-icecream_23-2148193976.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-kid-with-ice-creams_23-2149426707.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Hausgemacht",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditionell",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Regional",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualität",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Leidenschaft",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Eis-Café Corso Idstein"
|
||||
description="Ihr traditionelles Eiscafé in der historischen Altstadt. Genießen Sie hausgemachte Eiskreationen in gemütlicher Atmosphäre – seit jeher ein Treffpunkt für Genießer."
|
||||
testimonials={[
|
||||
{ name: "Petra Homann", handle: "@google-review", testimonial: "Immer wieder sehr nett hier. Traditions Eiscafé in Idstein. Eis ist sehr lecker!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg" },
|
||||
{ name: "Gast von Gelbe Seiten", handle: "@gelbe-seiten", testimonial: "Zwei Brüder sind Besitzer und die Bewirtung ist absolute spitze! Super nett und immer gut drauf!!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-kid-with-ice-creams_23-2149426707.jpg" },
|
||||
{ name: "Thomas Schmidt", handle: "@gast-idstein", testimonial: "Die beste Eisdiele im Taunus. Immer frische Zutaten und sehr freundlicher Service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-young-black-man-grey-t-shirt-smiling-broadly_273609-430.jpg" },
|
||||
{ name: "Familie Meyer", handle: "@local-guides", testimonial: "Ein wunderbarer Ort für eine Pause nach dem Altstadtbummel. Großartige Auswahl.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-holding-popsicle-icecream_23-2148193976.jpg" },
|
||||
{ name: "Sarah Müller", handle: "@foodie-love", testimonial: "Das Mango-Sorbet ist ein absoluter Traum, sehr fruchtig und cremig.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blueberry-ice-cream-scoop-black-slate-background_123827-21406.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg", alt: "Kunde 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-young-black-man-grey-t-shirt-smiling-broadly_273609-430.jpg", alt: "Kunde 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-holding-popsicle-icecream_23-2148193976.jpg", alt: "Kunde 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-kid-with-ice-creams_23-2149426707.jpg", alt: "Kunde 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "Kunde 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Hausgemacht" },
|
||||
{ type: "text", text: "Traditionell" },
|
||||
{ type: "text", text: "Regional" },
|
||||
{ type: "text", text: "Qualität" },
|
||||
{ type: "text", text: "Leidenschaft" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Herzlich Willkommen im Corso"
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr über uns",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Herzlich Willkommen im Corso"
|
||||
buttons={[{ text: "Mehr über uns", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Erdbeer-Genuss",
|
||||
price: "1.80€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-strawberry-granita-dessert-with-mint_23-2149421684.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Schoko-Traum",
|
||||
price: "1.80€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-concept_23-2148578404.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bourbon-Vanille",
|
||||
price: "1.80€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pistazie-Royal",
|
||||
price: "2.00€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-waffle-cone-with-berries-wooden-background_169016-3124.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mango-Sorbet",
|
||||
price: "1.80€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-homemade-icecream_23-2148900957.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Kaffee-Eis",
|
||||
price: "1.90€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creamy-vanilla-milky-shake-with-pretzels-white-saucer_114579-10081.jpg",
|
||||
},
|
||||
]}
|
||||
title="Unsere Eiskreationen"
|
||||
description="Entdecken Sie unsere täglich frisch zubereiteten Eissorten aus besten Zutaten."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Erdbeer-Genuss", price: "1.80€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-strawberry-granita-dessert-with-mint_23-2149421684.jpg" },
|
||||
{ id: "p2", name: "Schoko-Traum", price: "1.80€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-concept_23-2148578404.jpg" },
|
||||
{ id: "p3", name: "Bourbon-Vanille", price: "1.80€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg" },
|
||||
{ id: "p4", name: "Pistazie-Royal", price: "2.00€", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-waffle-cone-with-berries-wooden-background_169016-3124.jpg" },
|
||||
{ id: "p5", name: "Mango-Sorbet", price: "1.80€", imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-homemade-icecream_23-2148900957.jpg" },
|
||||
{ id: "p6", name: "Kaffee-Eis", price: "1.90€", imageSrc: "http://img.b2bpic.net/free-photo/creamy-vanilla-milky-shake-with-pretzels-white-saucer_114579-10081.jpg" }
|
||||
]}
|
||||
title="Unsere Eiskreationen"
|
||||
description="Entdecken Sie unsere täglich frisch zubereiteten Eissorten aus besten Zutaten."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Tradition",
|
||||
quote: "Immer wieder sehr nett hier. Traditions Eiscafé in Idstein.",
|
||||
name: "Petra Homann",
|
||||
role: "Stammgast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Spitzen Service",
|
||||
quote: "Die Bewirtung ist absolute spitze! Super nett und immer gut drauf!!",
|
||||
name: "Gelbe Seiten",
|
||||
role: "Besucher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-young-black-man-grey-t-shirt-smiling-broadly_273609-430.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Leckeres Eis",
|
||||
quote: "Das Eis ist sehr lecker und die Auswahl groß.",
|
||||
name: "Familie Meyer",
|
||||
role: "Stammgast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-holding-popsicle-icecream_23-2148193976.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Schönes Ambiente",
|
||||
quote: "Sehr nettes Eis-Cafe in der Fußgängerzone der Altstadt.",
|
||||
name: "Tripadvisor Nutzer",
|
||||
role: "Tourist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-kid-with-ice-creams_23-2149426707.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Super Lage",
|
||||
quote: "Perfekt für eine Pause in der Idsteiner Altstadt.",
|
||||
name: "Thomas Schmidt",
|
||||
role: "Gast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Was unsere Gäste sagen"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
description="Was unsere Gäste über uns sagen."
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Tradition", quote: "Immer wieder sehr nett hier. Traditions Eiscafé in Idstein.", name: "Petra Homann", role: "Stammgast", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg" },
|
||||
{ id: "t2", title: "Spitzen Service", quote: "Die Bewirtung ist absolute spitze! Super nett und immer gut drauf!!", name: "Gelbe Seiten", role: "Besucher", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-young-black-man-grey-t-shirt-smiling-broadly_273609-430.jpg" },
|
||||
{ id: "t3", title: "Leckeres Eis", quote: "Das Eis ist sehr lecker und die Auswahl groß.", name: "Familie Meyer", role: "Stammgast", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-holding-popsicle-icecream_23-2148193976.jpg" },
|
||||
{ id: "t4", title: "Schönes Ambiente", quote: "Sehr nettes Eis-Cafe in der Fußgängerzone der Altstadt.", name: "Tripadvisor Nutzer", role: "Tourist", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-kid-with-ice-creams_23-2149426707.jpg" },
|
||||
{ id: "t5", title: "Super Lage", quote: "Perfekt für eine Pause in der Idsteiner Altstadt.", name: "Thomas Schmidt", role: "Gast", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" }
|
||||
]}
|
||||
title="Was unsere Gäste sagen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Kontakt"
|
||||
title="Besuchen Sie uns in Idstein"
|
||||
description="Himmelsgasse 5, 65510 Idstein | Telefon: 06126 57380 | Montag - Sonntag: 10:00 - 23:00 Uhr"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Besuchen Sie uns in Idstein"
|
||||
description="Himmelsgasse 5, 65510 Idstein | Telefon: 06126 57380 | Montag - Sonntag: 10:00 - 23:00 Uhr"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Eiscafé Corso"
|
||||
columns={[
|
||||
{
|
||||
title: "Informationen",
|
||||
items: [
|
||||
{
|
||||
label: "Startseite",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Speisekarte",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Himmelsgasse 5, Idstein",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "06126 57380",
|
||||
href: "tel:0612657380",
|
||||
},
|
||||
{
|
||||
label: "info@corso-idstein.de",
|
||||
href: "mailto:info@corso-idstein.de",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Eiscafé Corso Idstein"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Eiscafé Corso"
|
||||
columns={[
|
||||
{
|
||||
title: "Informationen", items: [
|
||||
{ label: "Startseite", href: "#hero" },
|
||||
{ label: "Über uns", href: "#about" },
|
||||
{ label: "Speisekarte", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt", items: [
|
||||
{ label: "Himmelsgasse 5, Idstein", href: "#contact" },
|
||||
{ label: "06126 57380", href: "tel:0612657380" },
|
||||
{ label: "info@corso-idstein.de", href: "mailto:info@corso-idstein.de" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Eiscafé Corso Idstein"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user