Merge version_1 into main #2
191
src/app/page.tsx
191
src/app/page.tsx
@@ -30,43 +30,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "story",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "interior",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Story", id: "story" },
|
||||
{ name: "Experience", id: "interior" }
|
||||
]}
|
||||
brandName="Velvet Roast"
|
||||
button={{ text: "Order Now" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Velvet Roast"
|
||||
description="Crafted for Slow Mornings & Bold Ideas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
},
|
||||
text: "Order Now"},
|
||||
{
|
||||
text: "Explore Menu",
|
||||
},
|
||||
text: "Explore Menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-aeropress_176420-14736.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-aeropress_176420-14736.jpg"
|
||||
imageAlt="Cinematic coffee experience"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -80,41 +66,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Espresso",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-shop-aroma-art-natural_1203-3813.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Signature Espresso", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/decoration-shop-aroma-art-natural_1203-3813.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cold Brew Reserve",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup_23-2149703699.jpg",
|
||||
},
|
||||
id: "p2", name: "Cold Brew Reserve", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup_23-2149703699.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisan Morning Set",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-baked-products-arrangement_23-2150251794.jpg",
|
||||
},
|
||||
id: "p3", name: "Artisan Morning Set", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-baked-products-arrangement_23-2150251794.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Velvet Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-strong-turkish-coffee-black-old-table-bizet-top-view_166373-2980.jpg",
|
||||
},
|
||||
id: "p4", name: "Velvet Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/cup-with-strong-turkish-coffee-black-old-table-bizet-top-view_166373-2980.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Seasonal Special",
|
||||
price: "$7.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-coke-with-ice-hand-beach_23-2148134661.jpg",
|
||||
},
|
||||
id: "p5", name: "Seasonal Special", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/glass-coke-with-ice-hand-beach_23-2148134661.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Single Origin Pour",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-biscuits-coffee-white-background-high-quality-photo_114579-22952.jpg",
|
||||
},
|
||||
id: "p6", name: "Single Origin Pour", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/assorted-biscuits-coffee-white-background-high-quality-photo_114579-22952.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Artisanally crafted drinks to awaken your senses."
|
||||
@@ -138,34 +100,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Design",
|
||||
title: "Cozy Seating",
|
||||
items: [
|
||||
"Minimalist Scandinavian furniture",
|
||||
"Warm ambient lighting",
|
||||
"Soft textures",
|
||||
],
|
||||
id: "f1", label: "Design", title: "Cozy Seating", items: [
|
||||
"Minimalist Scandinavian furniture", "Warm ambient lighting", "Soft textures"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Work",
|
||||
title: "Focus Spaces",
|
||||
items: [
|
||||
"High-speed connectivity",
|
||||
"Ergonomic tables",
|
||||
"Natural sunlight",
|
||||
],
|
||||
id: "f2", label: "Work", title: "Focus Spaces", items: [
|
||||
"High-speed connectivity", "Ergonomic tables", "Natural sunlight"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Social",
|
||||
title: "Community Vibe",
|
||||
items: [
|
||||
"Open architecture",
|
||||
"Shared community tables",
|
||||
"Welcoming atmosphere",
|
||||
],
|
||||
id: "f3", label: "Social", title: "Community Vibe", items: [
|
||||
"Open architecture", "Shared community tables", "Welcoming atmosphere"],
|
||||
},
|
||||
]}
|
||||
title="The Velvet Experience"
|
||||
@@ -180,53 +124,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "o1",
|
||||
title: "Quick Pickup",
|
||||
price: "$0",
|
||||
period: "in-store",
|
||||
features: [
|
||||
"Mobile order UI",
|
||||
"Fast lane pickup",
|
||||
"No waiting",
|
||||
],
|
||||
id: "o1", title: "Quick Pickup", price: "$0", period: "in-store", features: [
|
||||
"Mobile order UI", "Fast lane pickup", "No waiting"],
|
||||
button: {
|
||||
text: "Order Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-arrangement-winter_23-2149188014.jpg",
|
||||
imageAlt: "scandinavian cafe interior minimalist",
|
||||
},
|
||||
text: "Order Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-arrangement-winter_23-2149188014.jpg", imageAlt: "scandinavian cafe interior minimalist"},
|
||||
{
|
||||
id: "o2",
|
||||
title: "Subscription",
|
||||
price: "$30",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Unlimited deliveries",
|
||||
"Loyalty rewards",
|
||||
"Priority service",
|
||||
],
|
||||
id: "o2", title: "Subscription", price: "$30", period: "/mo", features: [
|
||||
"Unlimited deliveries", "Loyalty rewards", "Priority service"],
|
||||
button: {
|
||||
text: "Subscribe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-aeropress_176420-14736.jpg?_wi=2",
|
||||
imageAlt: "scandinavian cafe interior minimalist",
|
||||
},
|
||||
text: "Subscribe"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-aeropress_176420-14736.jpg", imageAlt: "scandinavian cafe interior minimalist"},
|
||||
{
|
||||
id: "o3",
|
||||
title: "Delivery",
|
||||
price: "$5",
|
||||
period: "fixed",
|
||||
features: [
|
||||
"Same day delivery",
|
||||
"Secure tracking",
|
||||
"Warm delivery",
|
||||
],
|
||||
id: "o3", title: "Delivery", price: "$5", period: "fixed", features: [
|
||||
"Same day delivery", "Secure tracking", "Warm delivery"],
|
||||
button: {
|
||||
text: "Order Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-shop-aroma-art-natural_1203-3813.jpg?_wi=2",
|
||||
imageAlt: "scandinavian cafe interior minimalist",
|
||||
},
|
||||
text: "Order Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-shop-aroma-art-natural_1203-3813.jpg", imageAlt: "scandinavian cafe interior minimalist"},
|
||||
]}
|
||||
title="Seamless Ordering"
|
||||
description="Pickup, delivery, and subscription plans at your fingertips."
|
||||
@@ -238,30 +152,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-woman-having-coffee_53876-30762.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/japanese-woman-having-coffee_53876-30762.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-attractive-man-smile-camera_197531-33410.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-attractive-man-smile-camera_197531-33410.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "James K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-with-mug-drink-table_23-2148068382.jpg",
|
||||
},
|
||||
id: "t3", name: "James K.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-with-mug-drink-table_23-2148068382.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Maria P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-black-woman-smiling-camera-home_197531-33133.jpg",
|
||||
},
|
||||
id: "t4", name: "Maria P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-black-woman-smiling-camera-home_197531-33133.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-lunch-while-eating-with-her-boyfriend-restaurant_637285-1953.jpg",
|
||||
},
|
||||
id: "t5", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-lunch-while-eating-with-her-boyfriend-restaurant_637285-1953.jpg"},
|
||||
]}
|
||||
cardTitle="Community Voices"
|
||||
cardTag="Stories"
|
||||
@@ -273,13 +172,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Join our journey for fresh updates and artisan news."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up",
|
||||
},
|
||||
text: "Sign Up"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -288,13 +185,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Velvet Roast"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user