Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -11,18 +11,18 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { CupSoda } from "lucide-react";
+import { Coffee } from "lucide-react"; // Changed from CupSoda to Coffee
 
 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="floatingGradient" // Changed background to be more engaging
-      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,8 +54,8 @@ 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"
+          imageSrc="http://img.b2bpic.net/free-photo/interior-coffee-shop-with-bar-counter_23-2148785802.jpg" // Updated image for a more engaging hero
           imageAlt="cozy cafe interior warm lighting"
           mediaAnimation="slide-up"
         />
@@ -67,10 +67,10 @@ export default function LandingPage() {
           title="Sıcak Ortam, Eşsiz Lezzetler"
           description="Palmu Cafe olarak, misafirlerimize unutulmaz bir deneyim sunmayı amaçlıyoruz. Kaliteli kahvelerimiz ve özenle hazırladığımız menümüzle her ziyaretinizi özel kılmak için buradayız."
           subdescription="Rahatlatıcı atmosferimiz ve güler yüzlü hizmetimizle kendinizi evinizde hissedeceksiniz. Lezzet dolu anlar için Palmu Cafe'ye bekleriz."
-          icon={CupSoda}
+          icon={Coffee} // Changed icon to Coffee for better thematic relevance
-          imageSrc="http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/digital-lavender-style-interior-design_23-2151561231.jpg" // Updated image for a more engaging about section
-          imageAlt="barista smiling making latte art"
+          imageAlt="modern cafe seating area"
-          mediaAnimation="opacity"
+          mediaAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
@@ -85,7 +85,7 @@ export default function LandingPage() {
             { id: "2", title: "El Yapımı Tatlılar", content: "Taze ve doğal malzemelerle hazırlanan, kahvenizin yanında keyif alacağınız tatlılar." },
             { id: "3", title: "Serinletici İçecekler", content: "Yaz günlerine özel, meyve ağırlıklı serinletici içeceklerimiz." }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/man-white-shirt-drinks-coffee-outdoors-summer_72229-136.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/cup-coffee-with-some-coffee-beans_140725-70335.jpg" // Updated image for menu highlights
           imageAlt="roasted coffee beans background"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
@@ -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={[
@@ -172,8 +172,8 @@ export default function LandingPage() {
           ]}
           textarea={{ name: "message", placeholder: "Mesajınız", rows: 4 }}
           useInvertedBackground={true}
-          imageSrc="http://img.b2bpic.net/free-photo/digital-lavender-style-interior-design_23-2151561231.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg" // Updated image for contact form
-          imageAlt="modern cafe seating area"
+          imageAlt="barista smiling making latte art"
           mediaAnimation="slide-up"
           buttonText="Gönder"
         />
@@ -182,7 +182,7 @@ export default function LandingPage() {
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis
           logoText="Palmu Cafe"
-          logoSrc="http://img.b2bpic.net/free-photo/top-view-plastic-cup-ready-recycle_23-2149436523.jpg"
+          logoSrc="http://img.b2bpic.net/free-photo/cup-coffee-beans-dark-background_23-2148503892.jpg" // Updated footer logo for better brand consistency
           logoAlt="minimalist cafe logo coffee bean"
           columns={[
             { items: [{ label: "Ana Sayfa", href: "#hero" }, { label: "Hakkımızda", href: "#about" }, { label: "Menü", href: "#full-menu" }] },

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);