Merge version_1 into main #2
198
src/app/page.tsx
198
src/app/page.tsx
@@ -28,30 +28,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "/story",
|
||||
},
|
||||
{
|
||||
name: "Art & Space",
|
||||
id: "/space",
|
||||
},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "/visit",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Our Story", id: "/story" },
|
||||
{ name: "Art & Space", id: "/space" },
|
||||
{ name: "Visit Us", id: "/visit" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="The Ark Cafe"
|
||||
/>
|
||||
@@ -59,46 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Your cozy, art-filled escape in the city."
|
||||
description="Great coffee, badass breakfast sandwiches, and walls covered in original art—The Ark Cafe is where comfort meets creativity."
|
||||
buttons={[
|
||||
{
|
||||
text: "View the Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "/visit",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View the Menu", href: "/menu" }, { text: "Plan Your Visit", href: "/visit" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-coffee-shop-items-arrangement_23-2149434608.jpg?_wi=1",
|
||||
imageAlt: "The Ark Cafe Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg",
|
||||
imageAlt: "The Ark Cafe Details",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg",
|
||||
imageAlt: "The Ark Cafe Art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",
|
||||
imageAlt: "The Ark Cafe Morning Light",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg",
|
||||
imageAlt: "The Ark Cafe Seating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-bean-old-closeup-aroma_1203-5601.jpg",
|
||||
imageAlt: "The Ark Cafe Ambiance",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/small-coffee-shop-items-arrangement_23-2149434608.jpg", imageAlt: "The Ark Cafe Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg", imageAlt: "The Ark Cafe Details" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg", imageAlt: "The Ark Cafe Art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg", imageAlt: "The Ark Cafe Morning Light" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg", imageAlt: "The Ark Cafe Seating" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decoration-bean-old-closeup-aroma_1203-5601.jpg", imageAlt: "The Ark Cafe Ambiance" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,47 +63,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Beautiful, cozy atmosphere",
|
||||
description: "Warm lighting, art-filled walls, and a space that feels like a creative hideaway.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
|
||||
imageAlt: "Cozy Atmosphere",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg",
|
||||
imageAlt: "Art Walls",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-coffee-shop-items-arrangement_23-2149434608.jpg?_wi=2",
|
||||
imageAlt: "modern art cafe interior design",
|
||||
title: "Beautiful, cozy atmosphere", description: "Warm lighting, art-filled walls, and a space that feels like a creative hideaway.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg", imageAlt: "Cozy Atmosphere" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg", imageAlt: "Art Walls" }
|
||||
},
|
||||
{
|
||||
title: "Friendly, attentive service",
|
||||
description: "We remember faces, we care about your order, and we keep things spotless.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg",
|
||||
imageAlt: "Friendly Service",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg",
|
||||
imageAlt: "Customer Care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-toast-slice-with-cherry-tomatoes-bell-pepper_23-2148698634.jpg",
|
||||
imageAlt: "modern art cafe interior design",
|
||||
title: "Friendly, attentive service", description: "We remember faces, we care about your order, and we keep things spotless.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg", imageAlt: "Friendly Service" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg", imageAlt: "Customer Care" }
|
||||
},
|
||||
{
|
||||
title: "Easy to get to",
|
||||
description: "Ample parking and a convenient location make it simple to swing by, stay a while, or grab and go.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-developing-photos-darkroom-side-view_23-2149893882.jpg",
|
||||
imageAlt: "Ample Parking",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg",
|
||||
imageAlt: "Cafe Location",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/png-garlic-bread-garlic-isolated-white-background_185193-163525.jpg",
|
||||
imageAlt: "modern art cafe interior design",
|
||||
},
|
||||
title: "Easy to get to", description: "Ample parking and a convenient location make it simple to swing by, stay a while, or grab and go.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-developing-photos-darkroom-side-view_23-2149893882.jpg", imageAlt: "Ample Parking" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg", imageAlt: "Cafe Location" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Why you’ll feel at home here"
|
||||
@@ -167,36 +90,11 @@ export default function LandingPage() {
|
||||
title="Signature Flavors"
|
||||
description="Handcrafted goodness, prepared daily with love."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-three-layered-latte-with-latte-art-top_140725-4881.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Breakfast Sandwich",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-toast-sandwiches-table_23-2148454828.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Garlic Butter Bun",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/png-baked-garlic-bread-isolated-white-background-top-view_185193-163493.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Seasonal Treat",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cakes-with-walnuts-hazelnuts-white-surface_140725-115334.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Flat White",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-coffee-with-latte-art_140725-5204.jpg",
|
||||
},
|
||||
{ id: "1", name: "Classic Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/glass-three-layered-latte-with-latte-art-top_140725-4881.jpg" },
|
||||
{ id: "2", name: "Breakfast Sandwich", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-toast-sandwiches-table_23-2148454828.jpg" },
|
||||
{ id: "3", name: "Garlic Butter Bun", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/png-baked-garlic-bread-isolated-white-background-top-view_185193-163493.jpg" },
|
||||
{ id: "4", name: "Seasonal Treat", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cakes-with-walnuts-hazelnuts-white-surface_140725-115334.jpg" },
|
||||
{ id: "5", name: "Flat White", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-coffee-with-latte-art_140725-5204.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -208,54 +106,20 @@ export default function LandingPage() {
|
||||
title="Beloved by the Community"
|
||||
description="Join our growing family of local coffee enthusiasts."
|
||||
names={[
|
||||
"Neighborhood Journal",
|
||||
"City Arts Weekly",
|
||||
"Coffee Lovers Guide",
|
||||
"Local Business Spotlight",
|
||||
"Urban Cafe Review",
|
||||
"Neighborhood Journal", "City Arts Weekly", "Coffee Lovers Guide", "Local Business Spotlight", "Urban Cafe Review"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCart />
|
||||
<ProductCart isOpen={false} onClose={() => {}} items={[]} total="$0.00" buttons={[]} />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/story",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "/visit",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Events & Catering",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Menu", href: "/menu" }, { label: "Our Story", href: "/story" }, { label: "Visit Us", href: "/visit" }] },
|
||||
{ items: [{ label: "Contact Us", href: "/contact" }, { label: "Events & Catering", href: "/contact" }, { label: "Instagram", href: "#" }] }
|
||||
]}
|
||||
logoText="The Ark Cafe"
|
||||
/>
|
||||
@@ -263,4 +127,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user