Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
@@ -115,7 +115,7 @@ export default function LandingPage() {
         />
       </div>
       <div id="faq" data-section="faq">
-        <FaqDouble
+        <FaqBase
           faqs={[
             { id: "q1", title: "האם אתם כשרים למהדרין?", content: "כן, כל המאכלים שלנו כשרים בד\\\"ץ בית יוסף ומיוצרים בהקפדה על כל כללי הכשרות." },
             { id: "q2", title: "האם יש משלוחים?", content: "אנו מספקים שירותי משלוחים באזור ראש העין והסביבה הקרובה. ניתן לבדוק זמינות ואזורי כיסוי בעת ההזמנה." },
@@ -136,7 +136,8 @@ export default function LandingPage() {
             { text: "הזמינו בוואטסאפ", href: "https://wa.me/972501234567" },
             { text: "קבלו הוראות הגעה", href: "https://maps.google.com/?q=פריקסה+חיימיקו+ראש+העין" }
           ]}
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "sparkles-gradient" }}
+          animationType="entrance-slide"
           useInvertedBackground={false}
         />
       </div>
@@ -153,4 +154,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

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

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffafa;
-  --card: #fff7f7;
-  --foreground: #1a0000;
-  --primary-cta: #e63946;
-  --primary-cta-text: #fffafa;
+  --background: #fcf6ec;
+  --card: #f3ede2;
+  --foreground: #2e2521;
+  --primary-cta: #2e2521;
+  --primary-cta-text: #fcf6ec;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #1a0000;
-  --accent: #f5c4c7;
-  --background-accent: #f09199;
+  --secondary-cta-text: #2e2521;
+  --accent: #b2a28b;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);