Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 474e051664 | |||
| c78068785c |
173
src/app/page.tsx
173
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "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",
|
||||
imageAlt: "cozy cafe interior warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg", imageAlt: "cozy cafe interior warm lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-dining-table-background-zoom-calls_23-2149684442.jpg",
|
||||
imageAlt: "modern art gallery cozy cafe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-dining-table-background-zoom-calls_23-2149684442.jpg", imageAlt: "modern art gallery cozy cafe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/great-coffee-is-only-this-place_329181-2889.jpg",
|
||||
imageAlt: "people enjoying coffee in quiet cafe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/great-coffee-is-only-this-place_329181-2889.jpg", imageAlt: "people enjoying coffee in quiet cafe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg",
|
||||
imageAlt: "cozy cafe interior warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg", imageAlt: "cozy cafe interior warm lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg",
|
||||
imageAlt: "modern art gallery cozy cafe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg", 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",
|
||||
description: "Single-origin beans roasted to perfection.",
|
||||
},
|
||||
title: "Artisan Coffee", description: "Single-origin beans roasted to perfection."},
|
||||
{
|
||||
title: "Curated Gallery",
|
||||
description: "Showcasing rotating exhibits from local artists.",
|
||||
},
|
||||
title: "Curated Gallery", description: "Showcasing rotating exhibits from local artists."},
|
||||
{
|
||||
title: "Community Hub",
|
||||
description: "A warm space for conversations and inspiration.",
|
||||
},
|
||||
title: "Community Hub", 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",
|
||||
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: "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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
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",
|
||||
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: "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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
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",
|
||||
alt: "happy coffee customer portrait",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-making-notes-notebook_23-2147793067.jpg",
|
||||
alt: "mature visitor reading book in cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-making-notes-notebook_23-2147793067.jpg", alt: "mature visitor reading book in cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
|
||||
alt: "Portrait of woman communicating through sign language",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg", 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",
|
||||
title: "Do you host gallery events?",
|
||||
content: "Yes, we host monthly exhibitions for local artists.",
|
||||
},
|
||||
id: "f1", title: "Do you host gallery events?", content: "Yes, we host monthly exhibitions for local artists."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the cafe open on weekends?",
|
||||
content: "Yes, we are open 8:00 AM to 6:00 PM every weekend.",
|
||||
},
|
||||
id: "f2", title: "Is the cafe open on weekends?", content: "Yes, we are open 8:00 AM to 6:00 PM every weekend."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I reserve space for work?",
|
||||
content: "Yes, we have communal tables suitable for working.",
|
||||
},
|
||||
id: "f3", 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",
|
||||
href: "https://maps.app.goo.gl/XkFLLVK4AojCU9jLA",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.app.goo.gl/XkFLLVK4AojCU9jLA"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -276,25 +187,17 @@ export default function LandingPage() {
|
||||
logoText="Tamper Room"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
title: "Visit Us", items: [
|
||||
{
|
||||
label: "Contact Info",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Info", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Menu", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -304,4 +207,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fcf6ec;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #2e2521;
|
||||
--background: #f5f4ef;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #fcf6ec;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #b2a28b;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user