Merge version_2 into main #1
218
src/app/page.tsx
218
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Draak Cafe"
|
||||
/>
|
||||
@@ -51,19 +45,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Draak Cafe"
|
||||
description="Experience the boldest roasts and artisanal treats in a cozy, modern atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-fresh-buns-bucket-with-cup-tea-white-background_141793-52937.jpg"
|
||||
imageAlt="cozy cafe atmosphere"
|
||||
@@ -76,14 +65,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting the perfect cup",
|
||||
},
|
||||
type: "text", content: "Crafting the perfect cup"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-holding-roasted-coffee-beans_74855-19964.jpg",
|
||||
alt: "barista making coffee",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-man-holding-roasted-coffee-beans_74855-19964.jpg", alt: "barista making coffee"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,23 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ethical Roasts",
|
||||
description: "Small-batch coffee beans sourced directly from fair-trade farmers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg",
|
||||
imageAlt: "fresh coffee beans macro",
|
||||
},
|
||||
title: "Ethical Roasts", description: "Small-batch coffee beans sourced directly from fair-trade farmers.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg", imageAlt: "fresh coffee beans macro"},
|
||||
{
|
||||
title: "Fresh Baked Daily",
|
||||
description: "Pastries and breads baked every morning in our shop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-bread-table_23-2149234817.jpg",
|
||||
imageAlt: "artisan bakery goods",
|
||||
},
|
||||
title: "Fresh Baked Daily", description: "Pastries and breads baked every morning in our shop.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-bread-table_23-2149234817.jpg", imageAlt: "artisan bakery goods"},
|
||||
{
|
||||
title: "Comfy Workspace",
|
||||
description: "Plenty of power outlets and high-speed Wi-Fi for your productivity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-white-grandstands-arena-low-angle_23-2149867373.jpg",
|
||||
imageAlt: "quiet reading area",
|
||||
},
|
||||
title: "Comfy Workspace", description: "Plenty of power outlets and high-speed Wi-Fi for your productivity.", imageSrc: "http://img.b2bpic.net/free-photo/red-white-grandstands-arena-low-angle_23-2149867373.jpg", imageAlt: "quiet reading area"},
|
||||
]}
|
||||
title="Why Draak Cafe?"
|
||||
description="Quality ingredients, sustainable sourcing, and a welcoming environment."
|
||||
@@ -125,51 +97,19 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Cappuccino",
|
||||
price: "$4.50",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-latte-cup-with-background-defocus-bakery-item_23-2148209236.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Iced Vanilla Latte",
|
||||
price: "$5.25",
|
||||
variant: "Refreshing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-relaxation-with-iced-tea-sunglasses-towel_23-2151986833.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Espresso Shot",
|
||||
price: "$3.00",
|
||||
variant: "Strong",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-coffee-shop-illustration_23-2151764656.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Double Choc Muffin",
|
||||
price: "$3.75",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/recipe-bun-portion-freshness-cake-snack_1339-3253.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Everything Bagel",
|
||||
price: "$4.00",
|
||||
variant: "Salty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cup-tea-with-lemon-appetizing-cupcakes-with-cream-cup-herbal-tea-with-lemon-cinnamon-white-notebook-dark-table_140725-111505.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Matcha Tea Latte",
|
||||
price: "$4.95",
|
||||
variant: "Healthy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cold-lemonade-womans-hand-cafe_169016-21601.jpg",
|
||||
},
|
||||
{ id: "espresso", name: "Espresso", price: "₹110.00", variant: "Hot Coffee", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg" },
|
||||
{ id: "americano", name: "Americano Coffee", price: "₹135.00", variant: "Hot Coffee", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg" },
|
||||
{ id: "filter", name: "South Indian Filter Coffee", price: "₹160.00", variant: "Hot Coffee", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg" },
|
||||
{ id: "cortado", name: "Cortado", price: "₹135.00", variant: "Hot Coffee", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg" },
|
||||
{ id: "latte", name: "Cafe Latte", price: "₹195.00", variant: "Hot Coffee", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg" },
|
||||
{ id: "mocha", name: "Cafe Mocha", price: "₹240.00", variant: "Hot Coffee", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg" },
|
||||
{ id: "cappuccino", name: "Cappuccino", price: "₹195.00", variant: "Hot Coffee", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg" },
|
||||
{ id: "vietnamese", name: "Vietnamese Coffee", price: "₹305.00", variant: "Hot Coffee", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg" },
|
||||
{ id: "hazelnut", name: "Hazelnut Latte", price: "₹285.00", variant: "Hot Coffee", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg" },
|
||||
{ id: "mudslide", name: "Mudslide", price: "₹285.00", variant: "Hot Coffee", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093840.jpg" }
|
||||
]}
|
||||
title="Our Specialties"
|
||||
description="Explore our curated selection of hot drinks and snacks."
|
||||
title="Our Hot Coffees"
|
||||
description="Discover our authentic, hand-crafted hot coffee selection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -180,23 +120,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Coffee,
|
||||
title: "Cups Served",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "m1", icon: Coffee,
|
||||
title: "Cups Served", value: "50,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Happy Guests",
|
||||
value: "12,000+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Happy Guests", value: "12,000+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Years Served",
|
||||
value: "5+",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Years Served", value: "5+"},
|
||||
]}
|
||||
title="Growing Community"
|
||||
description="Building connections, one cup at a time."
|
||||
@@ -210,59 +141,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
role: "Creative",
|
||||
company: "Local Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-guy-young-man-sits-cafe-watching-videos-digital-tablet-wearing-wireless-headphones-laughing-smiling-spending-time-coffee-shop_1258-314665.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice M.", role: "Creative", company: "Local Design", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-guy-young-man-sits-cafe-watching-videos-digital-tablet-wearing-wireless-headphones-laughing-smiling-spending-time-coffee-shop_1258-314665.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Brian K.",
|
||||
role: "Student",
|
||||
company: "City Uni",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-girl-studying-cafe-making-notes-preparing-exam_1163-5165.jpg",
|
||||
},
|
||||
id: "t2", name: "Brian K.", role: "Student", company: "City Uni", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-girl-studying-cafe-making-notes-preparing-exam_1163-5165.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Claire L.",
|
||||
role: "Dev",
|
||||
company: "Code Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-cafe-concept-freelancing-coffee-laptop_1321-886.jpg",
|
||||
},
|
||||
id: "t3", name: "Claire L.", role: "Dev", company: "Code Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-cafe-concept-freelancing-coffee-laptop_1321-886.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Daniel W.",
|
||||
role: "Author",
|
||||
company: "Indie Press",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
},
|
||||
id: "t4", name: "Daniel W.", role: "Author", company: "Indie Press", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
role: "Artist",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669791.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena R.", role: "Artist", company: "Studio X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669791.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "98%", label: "Retention"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "500+", label: "Reviews"},
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="Don't just take our word for it."
|
||||
@@ -276,16 +176,10 @@ export default function LandingPage() {
|
||||
description="Reach out for inquiries, catering, or to book a table."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/evening-scene-exterior-restaurant-sunset_23-2152024826.jpg"
|
||||
@@ -299,29 +193,19 @@ export default function LandingPage() {
|
||||
logoText="Draak Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
label: "Home", href: "#"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -331,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user