Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -16,16 +16,16 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="small"
-        sizing="mediumLargeSizeMediumTitles"
-        background="grid"
-        cardStyle="glass-depth"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="aurora"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -193,8 +193,13 @@ export default function LandingPage() {
           id: "3",          title: "Bieten Sie auch Geschenkverpackungen an?",          content: "Ja, wir bieten für alle unsere Produkte eine liebevolle Geschenkverpackung an. Diese Option können Sie während des Bestellvorgangs auswählen."},
       ]}
       title="Häufig gestellte Fragen"
-      description="Antworten auf Ihre Fragen rund um unsere Produkte, den Bestellvorgang und die Personalisierung."
+      description="Finden Sie hier Antworten auf die häufigsten Fragen rund um unsere Produkte und den Bestellvorgang. Ist Ihre Frage nicht dabei? Wir helfen Ihnen gerne persönlich weiter!"
       faqsAnimation="slide-up"
+      buttons={[
+        {
+          text: "Noch Fragen? Kontaktieren Sie uns",          href: "#contact"
+        }
+      ]}
     />
   </div>
 
@@ -202,10 +207,10 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient"}}
+        variant: "sparkles-gradient"}}
       tag="Kontaktieren Sie uns"
-      title="Lassen Sie uns Ihre Vision verwirklichen"
-      description="Haben Sie eine spezielle Anfrage oder benötigen Sie Beratung? Wir sind für Sie da, um Ihre Traumgeschenke zu kreieren. Schreiben Sie uns eine Nachricht!"
+      title="Bereit für Ihr Traumgeschenk?"
+      description="Haben Sie eine spezielle Anfrage oder benötigen Sie eine persönliche Beratung? Wir sind für Sie da, um Ihre individuellen Traumgeschenke zu verwirklichen. Kontaktieren Sie uns noch heute!"
       buttons={[
         {
           text: "Nachricht senden",          href: "mailto:info@lottchens-liebe.de"},
@@ -256,4 +261,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

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

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #ffffff;
   --card: #f9f9f9;
   --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
   --secondary-cta-text: #000612e6;
   --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);