Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
@@ -182,20 +182,27 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       faqs={[
         {
-          id: "faq-1",          title: "What are Amaya Fashion's shipping options and delivery times?",          content: "We offer standard and expedited shipping worldwide. Delivery times vary based on location, typically 5-7 business days for standard and 2-3 for expedited."},
+          id: "faq-1",          title: "What are Amaya Fashion's shipping options and delivery times?",          content: "We offer standard and expedited shipping worldwide. Delivery times vary based on location, typically 5-7 business days for standard and 2-3 for expedited."
+        },
         {
-          id: "faq-2",          title: "What is your return and exchange policy?",          content: "Amaya Fashion accepts returns and exchanges within 30 days of purchase, provided items are unworn, unwashed, and with all original tags attached. Custom pieces are final sale."},
+          id: "faq-2",          title: "What is your return and exchange policy?",          content: "Amaya Fashion accepts returns and exchanges within 30 days of purchase, provided items are unworn, unwashed, and with all original tags attached. Custom pieces are final sale."
+        },
         {
-          id: "faq-3",          title: "Do you offer custom sizing or bespoke services?",          content: "Yes, we offer bespoke tailoring for select collections. Please contact our customer service to schedule a consultation and discuss your custom design needs."},
+          id: "faq-3",          title: "Do you offer custom sizing or bespoke services?",          content: "Yes, we offer bespoke tailoring for select collections. Please contact our customer service to schedule a consultation and discuss your custom design needs."
+        },
       ]}
       title="Frequently Asked Questions"
       description="Find answers to common questions about our products, orders, and services."
       faqsAnimation="slide-up"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EGFueUipVdWHUHr9azAzqCLyXC/uploaded-1779797692182-oqg481ec.jpg"
+      imageAlt="Woman in traditional Indian attire"
+      mediaAnimation="slide-up"
+      mediaPosition="left"
     />
   </div>
 
@@ -207,8 +214,8 @@ export default function LandingPage() {
       tag="Get in Touch"
       title="Connect with Amaya Fashion"
       description="We're here to assist you with any inquiries or styling advice. Reach out to us through the form below. You can also visit our store at: Amaya Fashion - Western Apparel Store, Mahavir Nagar, Gangapur, Rajasthan 322201. Get directions here: https://maps.app.goo.gl/ESV2ePx3ofumuMZu9"
-      imageSrc="http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EGFueUipVdWHUHr9azAzqCLyXC/uploaded-1779797692181-gttugnu0.jpg"
-      imageAlt="Fashion boutique interior with contact form"
+      imageAlt="Indian fashion boutique interior with contact form"
       mediaAnimation="slide-up"
       mediaPosition="right"
       inputPlaceholder="Enter your email"
@@ -220,6 +227,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBaseCard
       logoText="Amaya Fashion"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EGFueUipVdWHUHr9azAzqCLyXC/uploaded-1779797692182-9rny9877.jpg"
+      logoAlt="Amaya Fashion traditional jewelry logo"
       columns={[
         {
           title: "Shop",          items: [

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-sans), 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-dm-sans), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }

src/app/styles/variables.css

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