Add src/app/products/page.tsx

Merge version_6 into main

src/app/faq/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function FaqPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="circleGradient"
+        cardStyle="solid"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Über uns", id: "/#about" },
+              { name: "Sortiment", id: "/products" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Kontakt", id: "/#contact" },
+            ]}
+            brandName="Lanza Cariccio Cono Weinimport"
+            button={{ text: "Bestellen", href: "https://prontoitalia24.de/" }}
+          />
+        </div>
+
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="Häufig gestellte Fragen"
+            description="Hier finden Sie Antworten auf die wichtigsten Fragen rund um unser Unternehmen und unsere Weine."
+            faqsAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "Wo finden wir Sie?", content: "Unser Hauptsitz befindet sich zentral gelegen in der Weinmetropole. Besuchen Sie uns gerne in unseren Räumlichkeiten." },
+              { id: "2", title: "Was sind Ihre Geschäftszeiten?", content: "Wir sind montags bis freitags von 09:00 bis 18:00 Uhr für Sie da. Samstags erreichen Sie uns von 10:00 bis 14:00 Uhr." },
+              { id: "3", title: "Unternehmenshintergrund", content: "Lanza Cariccio Cono steht für Leidenschaft und Tradition. Seit über 20 Jahren importieren wir handverlesene Weine direkt von kleinen Winzern aus ganz Europa." },
+              { id: "4", title: "Können Privat- und Geschäftskunden kaufen?", content: "Ja, sowohl Privatpersonen als auch Gewerbekunden sind bei uns herzlich willkommen. Wir bieten maßgeschneiderte Lösungen für jeden Bedarf." },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Über uns", href: "/#about" }, { label: "Sortiment", href: "/products" }] },
+              { items: [{ label: "Kontakt", href: "/#contact" }, { label: "Impressum", href: "#" }] },
+            ]}
+            logoText="Lanza Cariccio Cono Weinimport"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -7,22 +7,27 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Roboto } from "next/font/google";
+import { Open_Sans } from "next/font/google";
 
 
 
 export const metadata: Metadata = {
-  title: 'Lanza Cariccio Cono | Exquisiter Weinimport',
-  description: 'Entdecken Sie exklusive Weine aus den besten Anbaugebieten Europas bei Lanza Cariccio Cono.',
+  title: 'FAQ | Lanza Cariccio Cono Weinimport',
+  description: 'Antworten auf Ihre Fragen rund um Weine und unseren Service.',
   openGraph: {
     "title": "Lanza Cariccio Cono | Exquisiter Weinimport",
     "siteName": "Lanza Cariccio Cono"
   },
 };
 
-const roboto = Roboto({
-  variable: "--font-roboto",
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
   subsets: ["latin"],
-  weight: ["100", "300", "400", "500", "700", "900"],
 });
 
 export default function RootLayout({
@@ -33,7 +38,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${roboto.variable} antialiased`}>
+        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
           <Tag />
           {children}
           <script

src/app/page.tsx

@@ -31,13 +31,14 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Über uns", id: "about" },
-        { name: "Sortiment", id: "products" },
-        { name: "Kontakt", id: "contact" },
+        { name: "Home", id: "/" },
+        { name: "Über uns", id: "/#about" },
+        { name: "Sortiment", id: "/products" },
+        { name: "FAQ", id: "/faq" },
+        { name: "Kontakt", id: "/#contact" },
       ]}
-      brandName="Lanza Cariccio Cono"
-      button={{ text: "Bestellen", href: "#contact" }}
+      brandName="Lanza Cariccio Cono Weinimport"
+      button={{ text: "Bestellen", href: "https://prontoitalia24.de/" }}
     />
   </div>
 
@@ -45,9 +46,9 @@ export default function LandingPage() {
       <HeroSplit
       background={{ variant: "rotated-rays-static" }}
       title="Exquisite Weine für Genießer"
-      description="Lanza Cariccio Cono bringt Ihnen die besten Tropfen direkt aus den sonnigsten Weinbergen Europas in Ihr Glas."
-      buttons={[{ text: "Sortiment entdecken", href: "#products" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/hand-pouring-wine-carafe-side-view_23-2149746484.jpg"
+      description="Lanza Cariccio Cono Weinimport bringt Ihnen die besten Tropfen direkt aus den sonnigsten Weinbergen Europas in Ihr Glas."
+      buttons={[{ text: "Sortiment entdecken", href: "/products" }]}
+      imageSrc="https://img.b2bpic.net/free-photo/red-wine-bottle-glass-with-copy-space_23-2148232191.jpg?id=5026903"
       imageAlt="Luxuriöse Weinflasche im Sonnenuntergang"
       mediaAnimation="blur-reveal"
       avatars={[
@@ -78,31 +79,12 @@ export default function LandingPage() {
         { title: "Handverlesen", description: "Jede Flasche erfüllt unsere hohen Standards." },
         { title: "Nachhaltigkeit", description: "Umweltschutz bei Anbau und Transport." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/wine-barrels-stacked-cellar-winery_158595-4102.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/closeup-shot-hand-holding-splashing-glass-wine_181624-57771.jpg?id=27736567"
       imageAlt="Tuskanischer Weinberg"
       mediaAnimation="slide-up"
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        { id: "p1", name: "Tuscan Gold", price: "24,90 €", imageSrc: "http://img.b2bpic.net/free-photo/three-bottles-wine_23-2147764846.jpg" },
-        { id: "p2", name: "Vino Antico", price: "18,50 €", imageSrc: "http://img.b2bpic.net/free-photo/ripe-grapes-with-wine-basket-plaster-textile_176474-10822.jpg" },
-        { id: "p3", name: "Monte Sol", price: "29,00 €", imageSrc: "http://img.b2bpic.net/free-photo/flowers-bottle-glass-wine-grey-surface_114579-31702.jpg" },
-        { id: "p4", name: "Rosé Elegance", price: "15,90 €", imageSrc: "http://img.b2bpic.net/free-photo/champagne-bottle-grey-background_23-2147983880.jpg" },
-        { id: "p5", name: "Castello Rosso", price: "35,00 €", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-wine-shop_1203-9661.jpg" },
-        { id: "p6", name: "Vino Bianco", price: "21,00 €", imageSrc: "http://img.b2bpic.net/free-photo/man-with-medical-mask-shopping-supermarket_23-2149483165.jpg" },
-      ]}
-      title="Unsere Auswahl"
-      description="Entdecken Sie unsere handverlesene Auswahl an exquisiten Weinen."
-    />
-  </div>
-
   <div id="features" data-section="features">
       <FeatureCardTwentySeven
       animationType="slide-up"
@@ -166,13 +148,13 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "Über uns", href: "#about" }, { label: "Sortiment", href: "#products" }] },
-        { items: [{ label: "Kontakt", href: "#contact" }, { label: "Impressum", href: "#" }] },
+        { items: [{ label: "Über uns", href: "/#about" }, { label: "Sortiment", href: "/products" }] },
+        { items: [{ label: "Kontakt", href: "/#contact" }, { label: "Impressum", href: "#" }] },
       ]}
-      logoText="Lanza Cariccio Cono"
+      logoText="Lanza Cariccio Cono Weinimport"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="circleGradient"
+        cardStyle="solid"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Über uns", id: "/#about" },
+              { name: "Sortiment", id: "/products" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Kontakt", id: "/#contact" },
+            ]}
+            brandName="Lanza Cariccio Cono Weinimport"
+            button={{ text: "Bestellen", href: "https://prontoitalia24.de/" }}
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            buttons={[{ text: "Jetzt bestellen", href: "https://prontoitalia24.de/" }]}
+            products={[
+              { id: "p1", name: "Tuscan Gold", price: "24,90 €", imageSrc: "http://img.b2bpic.net/free-photo/three-bottles-wine_23-2147764846.jpg" },
+              { id: "p2", name: "Vino Antico", price: "18,50 €", imageSrc: "http://img.b2bpic.net/free-photo/ripe-grapes-with-wine-basket-plaster-textile_176474-10822.jpg" },
+              { id: "p3", name: "Monte Sol", price: "29,00 €", imageSrc: "http://img.b2bpic.net/free-photo/flowers-bottle-glass-wine-grey-surface_114579-31702.jpg" },
+              { id: "p4", name: "Rosé Elegance", price: "15,90 €", imageSrc: "http://img.b2bpic.net/free-photo/champagne-bottle-grey-background_23-2147983880.jpg" },
+              { id: "p5", name: "Castello Rosso", price: "35,00 €", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-wine-shop_1203-9661.jpg" },
+              { id: "p6", name: "Vino Bianco", price: "21,00 €", imageSrc: "http://img.b2bpic.net/free-photo/man-with-medical-mask-shopping-supermarket_23-2149483165.jpg" },
+            ]}
+            title="Unsere Produktauswahl"
+            description="Entdecken Sie unser gesamtes Sortiment und bestellen Sie Ihre Lieblingsweine direkt online."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Über uns", href: "/#about" }, { label: "Sortiment", href: "/products" }] },
+              { items: [{ label: "Kontakt", href: "/#contact" }, { label: "Impressum", href: "#" }] },
+            ]}
+            logoText="Lanza Cariccio Cono Weinimport"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-roboto), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-roboto), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #f7f6f7;
   --card: #ffffff;
   --foreground: #0c1325;
-  --primary-cta: #0798ff;
+  --primary-cta: #A7012A;
   --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #0c1325;
-  --accent: #93c7ff;
-  --background-accent: #a8cde8;
+  --accent: #A7012A;
+  --background-accent: #A7012A;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);