3 Commits

Author SHA1 Message Date
2e319463a0 Merge version_2 into main
Merge version_2 into main
2026-05-18 12:58:11 +00:00
474e051664 Update src/app/styles/variables.css 2026-05-18 12:58:08 +00:00
c78068785c Update src/app/page.tsx 2026-05-18 12:58:08 +00:00
2 changed files with 45 additions and 142 deletions

View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ 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" brandName="Tamper Room"
/> />
@@ -54,31 +46,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Tamper Room Cafe & Gallery" title="Tamper Room Cafe & Gallery"
description="Where the aroma of freshly roasted artisan coffee meets the creative spirit of local art." description="Where the aroma of freshly roasted artisan coffee meets the creative spirit of local art."
mediaItems={[ 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" 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." description="Tamper Room is more than just a place to caffeinate. We bridge the gap between community, creativity, and the perfect brew."
bulletPoints={[ 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" imageSrc="http://img.b2bpic.net/free-photo/man-with-apron-offering-packed-takeaway-food-female-customer_23-2149025773.jpg"
imageAlt="cafe owner serving coffee" imageAlt="cafe owner serving coffee"
@@ -116,23 +91,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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" title="Experience More"
description="Discover what makes every visit to Tamper Room unique." description="Discover what makes every visit to Tamper Room unique."
@@ -147,47 +110,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ 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" title="From Our Menu"
description="Browse our featured seasonal favorites." description="Browse our featured seasonal favorites."
@@ -202,25 +135,15 @@ export default function LandingPage() {
author="A satisfied local visitor" author="A satisfied local visitor"
avatars={[ 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" ratingAnimation="slide-up"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
@@ -233,20 +156,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ 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" title="Common Questions"
description="Everything you need to know before stopping by." description="Everything you need to know before stopping by."
@@ -258,14 +172,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ 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." text="Visit us at Tamper Room Cafe & Gallery. We're open daily to serve you the best coffee in town."
buttons={[ buttons={[
{ {
text: "Get Directions", text: "Get Directions", href: "https://maps.app.goo.gl/XkFLLVK4AojCU9jLA"},
href: "https://maps.app.goo.gl/XkFLLVK4AojCU9jLA",
},
]} ]}
/> />
</div> </div>
@@ -276,25 +187,17 @@ export default function LandingPage() {
logoText="Tamper Room" logoText="Tamper Room"
columns={[ 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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-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; --primary-cta-text: #fcf6ec;
--secondary-cta: #ffffff; --secondary-cta: #efe7dd;
--secondary-cta-text: #2e2521; --secondary-cta-text: #2e2521;
--accent: #b2a28b; --accent: #94877c;
--background-accent: #b2a28b; --background-accent: #afa094;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);