Update src/app/styles/variables.css

Merge version_4 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
@@ -19,14 +19,14 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="rounded"
         contentWidth="mediumLarge"
         sizing="mediumLargeSizeMediumTitles"
         background="floatingGradient"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="double-inset"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="gradient"
         secondaryButtonStyle="glass"
-        headingFontWeight="extrabold"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -201,16 +201,21 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactCTA
       useInvertedBackground={false}
       background={{
         variant: "downward-rays-animated"}}
-      tag="Visit Us"
-      title="Find Us or Order Online"
-      description="Located in the heart of Chicago, we're ready to serve you authentic Mexican cuisine. Use the form below for inquiries or find us on your favorite delivery app!"
-      inputPlaceholder="Your email for inquiries"
-      buttonText="Send Message"
-      termsText="By sending a message, you agree to our privacy policy and terms of service."
+      tag="Make a Reservation or Order Online"
+      title="Ready to Taste Taqueria Chicago?"
+      description="Whether you're planning a visit, picking up an order, or craving our authentic Mexican cuisine delivered to your door, we've got you covered. Reach out or place your order today!"
+      buttons={[
+        {
+          text: "Make a Reservation",          href: "#contact"
+        },
+        {
+          text: "Order Online",          href: "#contact"
+        }
+      ]}
     />
   </div>
 
@@ -243,13 +248,29 @@ export default function LandingPage() {
         {
           title: "Contact",          items: [
             {
-              label: "Location",              href: "#contact"},
+              label: "Visit Us: 123 Main St, Chicago, IL",              href: "#contact"},
+            {
+              label: "Call Us: (312) 555-0199",              href: "#contact"},
+            {
+              label: "Email Us: info@taqueriachicago.com",              href: "#contact"},
+            {
+              label: "Make a Reservation",              href: "#contact"},
             {
               label: "Order Online",              href: "#contact"},
             {
               label: "Catering",              href: "#faq"},
           ],
         },
+        {
+          title: "Hours",          items: [
+            {
+              label: "Mon - Sat: 11 AM - 9 PM",              href: "#contact"
+            },
+            {
+              label: "Sun: 12 PM - 8 PM",              href: "#contact"
+            }
+          ]
+        }
       ]}
       copyrightText="© 2024 Taqueria Chicago. All rights reserved."
     />
@@ -257,4 +278,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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-manrope), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #FF7B05;
+  --background: hsl(0, 0%, 100%);
+  --card: hsl(0, 0%, 100%);
+  --foreground: hsl(222.2, 84%, 4.9%);
+  --primary-cta: hsl(214.5, 30.5%, 49.6%);
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: hsl(222.2, 47.4%, 11.2%);
   --secondary-cta-text: #1c1c1c;
-  --accent: #e2e2e2;
-  --background-accent: #FF7B05;
+  --accent: hsl(214.5, 30.5%, 49.6%);
+  --background-accent: hsl(210, 40%, 96.1%);
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);