Update src/app/page.tsx
This commit is contained in:
255
src/app/page.tsx
255
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "product" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Coffee Bean & Tea Leaf"
|
||||
/>
|
||||
@@ -55,22 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="The Coffee Bean & Tea Leaf"
|
||||
description="Experience the finest hand-crafted coffees and exotic loose-leaf teas in the heart of Delhi. A sanctuary for true connoisseurs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Menu", href: "#product" },
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg"
|
||||
imageAlt="Coffee Shop Atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -81,7 +61,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Flavor"
|
||||
description="Rooted in Delhi's vibrant culinary scene, we bring you world-class blends sourced from the most iconic estates. Our passion for the bean and the leaf is poured into every cup."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-asian-tea-beverage-table_23-2148296701.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-asian-tea-beverage-table_23-2148296701.jpg"
|
||||
imageAlt="Barista Brewing"
|
||||
/>
|
||||
</div>
|
||||
@@ -93,42 +73,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Caramel Macchiato",
|
||||
price: "₹350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-mousse-dessert-garnished-with-mint-leaf-isolated-white-background_123827-26428.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Masala Chai",
|
||||
price: "₹220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_658428-67.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "House Roast Beans",
|
||||
price: "₹850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-beans-scattered-from-package_169016-18438.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chocolate Mocha Cake",
|
||||
price: "₹290",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-with-figs-tea-white-plate_114579-17453.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Iced Matcha Latte",
|
||||
price: "₹320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jar-with-drink_1203-803.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Velvet Cappuccino",
|
||||
price: "₹280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-strawberry-pie-baked-yummy-dessert-slice-with-coffee-white-surface-pie-biscuit-sugar-cookie-sweet-bake-cake_140725-64535.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Caramel Macchiato", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-mousse-dessert-garnished-with-mint-leaf-isolated-white-background_123827-26428.jpg" },
|
||||
{ id: "p2", name: "Signature Masala Chai", price: "₹220", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_658428-67.jpg" },
|
||||
{ id: "p3", name: "House Roast Beans", price: "₹850", imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-beans-scattered-from-package_169016-18438.jpg" },
|
||||
{ id: "p4", name: "Chocolate Mocha Cake", price: "₹290", imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-with-figs-tea-white-plate_114579-17453.jpg" },
|
||||
{ id: "p5", name: "Iced Matcha Latte", price: "₹320", imageSrc: "http://img.b2bpic.net/free-photo/jar-with-drink_1203-803.jpg" },
|
||||
{ id: "p6", name: "Velvet Cappuccino", price: "₹280", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-strawberry-pie-baked-yummy-dessert-slice-with-coffee-white-surface-pie-biscuit-sugar-cookie-sweet-bake-cake_140725-64535.jpg" },
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Discover our collection of premium beverages and hand-made delicacies."
|
||||
@@ -141,24 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Coffee Varieties",
|
||||
value: "25+",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Tea Estates",
|
||||
value: "15+",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Happy Customers",
|
||||
value: "50K+",
|
||||
icon: Users,
|
||||
},
|
||||
{ id: "m1", title: "Coffee Varieties", value: "25+", icon: Coffee },
|
||||
{ id: "m2", title: "Tea Estates", value: "15+", icon: Leaf },
|
||||
{ id: "m3", title: "Happy Customers", value: "50K+", icon: Users },
|
||||
]}
|
||||
title="Delivering Excellence Daily"
|
||||
description="Our commitment to quality measured in every satisfied sip."
|
||||
@@ -172,64 +107,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Sourcing",
|
||||
description: "Ethically sourced directly from high-altitude estates.",
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Sustainable",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "High Quality",
|
||||
},
|
||||
title: "Premium Sourcing", description: "Ethically sourced directly from high-altitude estates.", items: [
|
||||
{ icon: ShieldCheck, text: "Sustainable" },
|
||||
{ icon: Award, text: "High Quality" },
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-roasted-coffee-beans-burlap-bag-with-coffee-beans-isolated-red-background_141793-25509.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg?_wi=2",
|
||||
imageAlt: "coffee bean bag premium",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-roasted-coffee-beans-burlap-bag-with-coffee-beans-isolated-red-background_141793-25509.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Expert Roasting",
|
||||
description: "Small batches roasted locally in Delhi for maximum freshness.",
|
||||
items: [
|
||||
{
|
||||
icon: Flame,
|
||||
text: "Small Batches",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Freshness Guaranteed",
|
||||
},
|
||||
title: "Expert Roasting", description: "Small batches roasted locally in Delhi for maximum freshness.", items: [
|
||||
{ icon: Flame, text: "Small Batches" },
|
||||
{ icon: Clock, text: "Freshness Guaranteed" },
|
||||
],
|
||||
reverse: true,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-picker-woman-s-asian-hands-close-up-pretty-tea-picking-girl-plantation_1150-14738.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-tea-beverage-table_23-2148296701.jpg?_wi=2",
|
||||
imageAlt: "coffee bean bag premium",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/tea-picker-woman-s-asian-hands-close-up-pretty-tea-picking-girl-plantation_1150-14738.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Artisanal Preparation",
|
||||
description: "Every pour-over and latte is crafted with precision.",
|
||||
items: [
|
||||
{
|
||||
icon: Coffee,
|
||||
text: "Artisan Craft",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Perfect Balance",
|
||||
},
|
||||
title: "Artisanal Preparation", description: "Every pour-over and latte is crafted with precision.", items: [
|
||||
{ icon: Coffee, text: "Artisan Craft" },
|
||||
{ icon: Zap, text: "Perfect Balance" },
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-7005.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-mousse-dessert-garnished-with-mint-leaf-isolated-white-background_123827-26428.jpg?_wi=2",
|
||||
imageAlt: "coffee bean bag premium",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-7005.jpg" },
|
||||
},
|
||||
]}
|
||||
title="Why We Are Different"
|
||||
@@ -241,31 +140,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ananya Sharma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-talking-phone-drinking-coffee_1262-19015.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rohan Gupta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photo-man-with-smartphone_23-2147705139.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Priya Verma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-blonde-woman-holding-medical-marijuana-plant-bud-celebrating-achievement-with-happy-smile-winner-expression-with-raised-hand_839833-20329.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Vikram Singh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Meera Iyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14729.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ananya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-talking-phone-drinking-coffee_1262-19015.jpg" },
|
||||
{ id: "t2", name: "Rohan Gupta", imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photo-man-with-smartphone_23-2147705139.jpg" },
|
||||
{ id: "t3", name: "Priya Verma", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-blonde-woman-holding-medical-marijuana-plant-bud-celebrating-achievement-with-happy-smile-winner-expression-with-raised-hand_839833-20329.jpg" },
|
||||
{ id: "t4", name: "Vikram Singh", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg" },
|
||||
{ id: "t5", name: "Meera Iyer", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14729.jpg" },
|
||||
]}
|
||||
cardTitle="Loved by Delhiites"
|
||||
cardTag="Testimonials"
|
||||
@@ -278,21 +157,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer home delivery?",
|
||||
content: "Yes, we deliver across all major localities in Delhi.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your beans gluten-free?",
|
||||
content: "Coffee and tea beans are naturally gluten-free.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I reserve a table?",
|
||||
content: "We accept table reservations for parties of 4 or more.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer home delivery?", content: "Yes, we deliver across all major localities in Delhi." },
|
||||
{ id: "f2", title: "Are your beans gluten-free?", content: "Coffee and tea beans are naturally gluten-free." },
|
||||
{ id: "f3", title: "Can I reserve a table?", content: "We accept table reservations for parties of 4 or more." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our brewing process or sourcing?"
|
||||
@@ -306,24 +173,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Visit us at our flagship store or reach out for inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-sitting-cafe-with-chicken-nuggets-lemonade_627829-5095.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -333,29 +186,15 @@ export default function LandingPage() {
|
||||
logoText="The Coffee Bean & Tea Leaf"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#product",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Menu", href: "#product" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user