Update src/app/styles/variables.css

src/app/page.tsx

@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Gallery",
+          name: "Gallery",          id: "gallery"},
-          id: "gallery",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Tamper Room"
     />
@@ -54,31 +46,20 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Tamper Room Cafe & Gallery"
       description="Where the aroma of freshly roasted artisan coffee meets the creative spirit of local art."
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg",          imageAlt: "cozy cafe interior warm lighting"},
-          imageAlt: "cozy cafe interior warm lighting",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-dining-table-background-zoom-calls_23-2149684442.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-dining-table-background-zoom-calls_23-2149684442.jpg",          imageAlt: "modern art gallery cozy cafe"},
-          imageAlt: "modern art gallery cozy cafe",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/great-coffee-is-only-this-place_329181-2889.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/great-coffee-is-only-this-place_329181-2889.jpg",          imageAlt: "people enjoying coffee in quiet cafe"},
-          imageAlt: "people enjoying coffee in quiet cafe",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg",          imageAlt: "cozy cafe interior warm lighting"},
-          imageAlt: "cozy cafe interior warm lighting",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg",          imageAlt: "modern art gallery cozy cafe"},
-          imageAlt: "modern art gallery cozy cafe",
-        },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -92,17 +73,11 @@ export default function LandingPage() {
       description="Tamper Room is more than just a place to caffeinate. We bridge the gap between community, creativity, and the perfect brew."
       bulletPoints={[
         {
-          title: "Artisan Coffee",
+          title: "Artisan Coffee",          description: "Single-origin beans roasted to perfection."},
-          description: "Single-origin beans roasted to perfection.",
-        },
         {
-          title: "Curated Gallery",
+          title: "Curated Gallery",          description: "Showcasing rotating exhibits from local artists."},
-          description: "Showcasing rotating exhibits from local artists.",
-        },
         {
-          title: "Community Hub",
+          title: "Community Hub",          description: "A warm space for conversations and inspiration."},
-          description: "A warm space for conversations and inspiration.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-with-apron-offering-packed-takeaway-food-female-customer_23-2149025773.jpg"
       imageAlt="cafe owner serving coffee"
@@ -116,23 +91,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Specialty Brews",
+          title: "Specialty Brews",          description: "V60, Cold Drip, and classic espresso.",          imageSrc: "http://img.b2bpic.net/free-photo/cake-with-walnuts-prunes-dried-apricots-dark-wood-background_505751-5234.jpg",          imageAlt: "freshly roasted coffee beans closeup"},
-          description: "V60, Cold Drip, and classic espresso.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cake-with-walnuts-prunes-dried-apricots-dark-wood-background_505751-5234.jpg",
-          imageAlt: "freshly roasted coffee beans closeup",
-        },
         {
-          title: "Gallery Exhibits",
+          title: "Gallery Exhibits",          description: "Fresh art every month.",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-rose-near-books_23-2147767562.jpg",          imageAlt: "specialty coffee drip process"},
-          description: "Fresh art every month.",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-rose-near-books_23-2147767562.jpg",
-          imageAlt: "specialty coffee drip process",
-        },
         {
-          title: "Handmade Treats",
+          title: "Handmade Treats",          description: "Pastries baked every morning.",          imageSrc: "http://img.b2bpic.net/free-photo/croissants-wooden-box-pot-with-jam-aside-grey-table_176420-275.jpg",          imageAlt: "handmade ceramic coffee cup"},
-          description: "Pastries baked every morning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/croissants-wooden-box-pot-with-jam-aside-grey-table_176420-275.jpg",
-          imageAlt: "handmade ceramic coffee cup",
-        },
       ]}
       title="Experience More"
       description="Discover what makes every visit to Tamper Room unique."
@@ -147,47 +110,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Espresso Roast",          price: "$18",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-full-roasted-coffee-beans_23-2148251685.jpg",          imageAlt: "freshly roasted coffee beans closeup"},
-          name: "Espresso Roast",
-          price: "$18",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-full-roasted-coffee-beans_23-2148251685.jpg",
-          imageAlt: "freshly roasted coffee beans closeup",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Pour Over Special",          price: "$8",          imageSrc: "http://img.b2bpic.net/free-photo/home-comfort-details-festive-interior-wooden-table_169016-3295.jpg",          imageAlt: "specialty coffee drip process"},
-          name: "Pour Over Special",
-          price: "$8",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-comfort-details-festive-interior-wooden-table_169016-3295.jpg",
-          imageAlt: "specialty coffee drip process",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Butter Croissant",          price: "$5",          imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-contemporary-studio-admiring-her-oil-painting_482257-122898.jpg",          imageAlt: "handmade ceramic coffee cup"},
-          name: "Butter Croissant",
-          price: "$5",
-          imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-contemporary-studio-admiring-her-oil-painting_482257-122898.jpg",
-          imageAlt: "handmade ceramic coffee cup",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Cold Brew",          price: "$6",          imageSrc: "http://img.b2bpic.net/free-photo/waitress-preparing-cake_23-2147821299.jpg",          imageAlt: "freshly roasted coffee beans closeup"},
-          name: "Cold Brew",
-          price: "$6",
-          imageSrc: "http://img.b2bpic.net/free-photo/waitress-preparing-cake_23-2147821299.jpg",
-          imageAlt: "freshly roasted coffee beans closeup",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Latte",          price: "$5.5",          imageSrc: "http://img.b2bpic.net/free-photo/therapy-session-where-teenager-discusses-her-struggles-with-anxiety_482257-113011.jpg",          imageAlt: "specialty coffee drip process"},
-          name: "Latte",
-          price: "$5.5",
-          imageSrc: "http://img.b2bpic.net/free-photo/therapy-session-where-teenager-discusses-her-struggles-with-anxiety_482257-113011.jpg",
-          imageAlt: "specialty coffee drip process",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Danish Pastry",          price: "$6",          imageSrc: "http://img.b2bpic.net/free-photo/skilled-painters-working-together-artwork-artistic-workshop_482257-115919.jpg",          imageAlt: "handmade ceramic coffee cup"},
-          name: "Danish Pastry",
-          price: "$6",
-          imageSrc: "http://img.b2bpic.net/free-photo/skilled-painters-working-together-artwork-artistic-workshop_482257-115919.jpg",
-          imageAlt: "handmade ceramic coffee cup",
-        },
       ]}
       title="From Our Menu"
       description="Browse our featured seasonal favorites."
@@ -202,25 +135,15 @@ export default function LandingPage() {
       author="A satisfied local visitor"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",          alt: "happy coffee customer portrait"},
-          alt: "happy coffee customer portrait",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/leisure-people-lifestyle-concept-happy-handsome-young-man-cafe-sitting-chair-smiling-holding-glass-coffee-looking-aside-relaxing-with-cup-cappuccino_1258-314458.jpg",
+          src: "http://img.b2bpic.net/free-photo/leisure-people-lifestyle-concept-happy-handsome-young-man-cafe-sitting-chair-smiling-holding-glass-coffee-looking-aside-relaxing-with-cup-cappuccino_1258-314458.jpg",          alt: "content art lover in gallery cafe"},
-          alt: "content art lover in gallery cafe",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-drinks-tea-works-laptop-freelancer-working-cafe_1321-4578.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-man-drinks-tea-works-laptop-freelancer-working-cafe_1321-4578.jpg",          alt: "person working on laptop in cafe"},
-          alt: "person working on laptop in cafe",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/businessman-making-notes-notebook_23-2147793067.jpg",
+          src: "http://img.b2bpic.net/free-photo/businessman-making-notes-notebook_23-2147793067.jpg",          alt: "mature visitor reading book in cafe"},
-          alt: "mature visitor reading book in cafe",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",          alt: "Portrait of woman communicating through sign language"},
-          alt: "Portrait of woman communicating through sign language",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -233,20 +156,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Do you host gallery events?",          content: "Yes, we host monthly exhibitions for local artists."},
-          title: "Do you host gallery events?",
-          content: "Yes, we host monthly exhibitions for local artists.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Is the cafe open on weekends?",          content: "Yes, we are open 8:00 AM to 6:00 PM every weekend."},
-          title: "Is the cafe open on weekends?",
-          content: "Yes, we are open 8:00 AM to 6:00 PM every weekend.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Can I reserve space for work?",          content: "Yes, we have communal tables suitable for working."},
-          title: "Can I reserve space for work?",
-          content: "Yes, we have communal tables suitable for working.",
-        },
       ]}
       title="Common Questions"
       description="Everything you need to know before stopping by."
@@ -258,14 +172,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
       text="Visit us at Tamper Room Cafe & Gallery. We're open daily to serve you the best coffee in town."
       buttons={[
         {
-          text: "Get Directions",
+          text: "Get Directions",          href: "https://maps.app.goo.gl/XkFLLVK4AojCU9jLA"},
-          href: "https://maps.app.goo.gl/XkFLLVK4AojCU9jLA",
-        },
       ]}
     />
   </div>
@@ -276,25 +187,17 @@ export default function LandingPage() {
       logoText="Tamper Room"
       columns={[
         {
-          title: "Visit Us",
+          title: "Visit Us",          items: [
-          items: [
             {
-              label: "Contact Info",
+              label: "Contact Info",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Explore",
+          title: "Explore",          items: [
-          items: [
             {
-              label: "Gallery",
+              label: "Gallery",              href: "#gallery"},
-              href: "#gallery",
-            },
             {
-              label: "Menu",
+              label: "Menu",              href: "#gallery"},
-              href: "#gallery",
-            },
           ],
         },
       ]}
@@ -304,4 +207,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #f5f4ef;
-  --card: #f3ede2;
+  --card: #efe7dd;
-  --foreground: #2e2521;
+  --foreground: #2b180a;
-  --primary-cta: #2e2521;
+  --primary-cta: #2b180a;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
+  --accent: #94877c;
-  --background-accent: #b2a28b;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);