Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -16,13 +16,13 @@ import { CupSoda } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="expand-hover"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
+      borderRadius="rounded"
-      contentWidth="smallMedium"
+      contentWidth="medium"
       sizing="mediumSizeLargeTitles"
-      background="fluid"
+      background="aurora"
-      cardStyle="solid"
+      cardStyle="soft-shadow"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
@@ -41,7 +41,7 @@ export default function LandingPage() {
             { name: "İletişim", id: "contact" }
           ]}
           button={{
-            text: "Şimdi Sipariş Ver"
+            text: "Şimdi Sipariş Ver",            href: "#full-menu" // Made functional by linking to the full menu section
           }}
         />
       </div>
@@ -54,7 +54,7 @@ export default function LandingPage() {
             { text: "Menümüzü Keşfet", href: "#full-menu" },
             { text: "Rezervasyon Yap", href: "#contact" }
           ]}
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "sparkles-gradient" }}
           imageSrc="http://img.b2bpic.net/free-photo/top-church-through-yellow-street-decorations_181624-421.jpg"
           imageAlt="cozy cafe interior warm lighting"
           mediaAnimation="slide-up"
@@ -70,7 +70,7 @@ export default function LandingPage() {
           icon={CupSoda}
           imageSrc="http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg"
           imageAlt="barista smiling making latte art"
-          mediaAnimation="opacity"
+          mediaAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
@@ -118,7 +118,7 @@ export default function LandingPage() {
           title="Misafirlerimiz Ne Diyor?"
           description="Palmu Cafe'deki deneyimlerini paylaşan misafirlerimizin yorumlarını okuyun."
           tag="Müşteri Yorumları"
-          animationType="slide-up"
+          animationType="depth-3d"
           textboxLayout="default"
           useInvertedBackground={false}
           testimonials={[
@@ -193,4 +193,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #f5f5f5;
   --card: #ffffff;
-  --foreground: #1b0c25;
+  --foreground: #1c1c1c;
-  --primary-cta: #1b0c25;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1b0c25;
-  --accent: #ff93e4;
+  --accent: #15479c;
-  --background-accent: #e8a8c3;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);