Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -287,6 +287,7 @@ export default function LandingPage() {
         "Food Network Magazine",        "Glamour",        "Candy Industry",        "TrendHunter",        "Walmart",        "Amazon",        "Faire",        "UNFI",        "Oriental Trading",        "Macy's"]}
       title="Trusted by Industry Leaders & Partners"
       description="YumWick is quickly becoming a beloved name, featured in top publications and partnered with leading retailers, underscoring our commitment to quality and innovation."
+      logoCardClassName="rounded-xl p-4 shadow-sm hover:shadow-md transition-shadow duration-300 bg-card"
     />
   </div>
 
@@ -315,6 +316,7 @@ export default function LandingPage() {
       ]}
       title="Hear From Our Delighted Customers"
       description="Our customers love the unique experience of YumWick. Read what they're saying about the world's first edible candle."
+      cardClassName="rounded-xl p-6 shadow-md hover:shadow-lg transition-shadow duration-300 bg-card"
     />
   </div>
 
@@ -339,6 +341,7 @@ export default function LandingPage() {
       title="Your Questions, Answered"
       description="Find quick answers to common questions about YumWick edible candles, from safety and ingredients to usage and storage tips."
       faqsAnimation="slide-up"
+      accordionClassName="rounded-lg border border-card-foreground/10 mb-4 bg-card"
     />
   </div>
 
@@ -392,6 +395,7 @@ export default function LandingPage() {
         },
       ]}
       copyrightText="© 2024 YumWick. All rights reserved. Patented Innovation."
+      footerContainerClassName="border-t border-card-foreground/10 pt-10 mt-16"
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

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

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F7F2EA;
+  --background: #f5f4f0;
-  --card: #FFFFFF;
+  --card: #ffffff;
-  --foreground: #2C1A10;
+  --foreground: #1a1a1a;
-  --primary-cta: #2C1A10;
+  --primary-cta: #2c2c2c;
-  --primary-cta-text: #FFFFFF;
+  --primary-cta-text: #f5f4f0;
-  --secondary-cta: #E1B875;
+  --secondary-cta: #f5f4f0;
-  --secondary-cta-text: #2C1A10;
+  --secondary-cta-text: #1a1a1a;
-  --accent: #E1B875;
+  --accent: #8a8a8a;
-  --background-accent: #FF8C42;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);