Merge version_2 into main #2
294
src/app/page.tsx
294
src/app/page.tsx
@@ -12,6 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { CheckCircle } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chai Spot"
|
||||
/>
|
||||
@@ -58,42 +44,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Chai, Crafted with Love"
|
||||
description="Discover the soul-warming flavors of our hand-brewed masala chai. Made with fresh spices and premium ingredients, every cup is a piece of home."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Our Menu", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-assortments-cake-decorating-ingredients_23-2148368259.jpg?_wi=1",
|
||||
imageAlt: "Steaming cup of authentic chai",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-tea-glass-teapot-is-poured-into-cups-tea-time-morning-old-veranda-summer-vacation-tea-party-atmosphere-rest-relaxation-selective-focus-cup_166373-2633.jpg?_wi=1",
|
||||
imageAlt: "Pouring chai from a traditional pot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg?_wi=1",
|
||||
imageAlt: "Close up of fresh chai spices",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-with-cones-dark-space_140725-95087.jpg",
|
||||
imageAlt: "Cozy chai shop table setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-indian-drinks-arrangement_23-2149312367.jpg",
|
||||
imageAlt: "Freshly brewed chai in a cup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cup-tea-cup-tea-with-lemon-cinnamon-saucer-with-citrus-fruits-pomegranate-star-anise-cinnamon-sticks-table_140725-123211.jpg",
|
||||
imageAlt: "Modern chai shop vibe",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-assortments-cake-decorating-ingredients_23-2148368259.jpg", imageAlt: "Steaming cup of authentic chai" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/red-tea-glass-teapot-is-poured-into-cups-tea-time-morning-old-veranda-summer-vacation-tea-party-atmosphere-rest-relaxation-selective-focus-cup_166373-2633.jpg", imageAlt: "Pouring chai from a traditional pot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg", imageAlt: "Close up of fresh chai spices" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-with-cones-dark-space_140725-95087.jpg", imageAlt: "Cozy chai shop table setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-indian-drinks-arrangement_23-2149312367.jpg", imageAlt: "Freshly brewed chai in a cup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cup-tea-cup-tea-with-lemon-cinnamon-saucer-with-citrus-fruits-pomegranate-star-anise-cinnamon-sticks-table_140725-123211.jpg", imageAlt: "Modern chai shop vibe" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,18 +66,9 @@ export default function LandingPage() {
|
||||
title="Our Chai Heritage"
|
||||
description="We started Chai Spot with a simple mission: to bring the authentic, traditional taste of masala chai to our community. Every batch is slow-brewed to perfection."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fresh Spices",
|
||||
description: "We source the finest cardamom, ginger, and cloves daily.",
|
||||
},
|
||||
{
|
||||
title: "Traditional Brewing",
|
||||
description: "Slow-steeped to ensure rich, deep flavors in every sip.",
|
||||
},
|
||||
{
|
||||
title: "Locally Owned",
|
||||
description: "Proudly serving our neighborhood with passion and care.",
|
||||
},
|
||||
{ title: "Fresh Spices", description: "We source the finest cardamom, ginger, and cloves daily." },
|
||||
{ title: "Traditional Brewing", description: "Slow-steeped to ensure rich, deep flavors in every sip." },
|
||||
{ title: "Locally Owned", description: "Proudly serving our neighborhood with passion and care." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-making-coffee-office_23-2148352516.jpg"
|
||||
imageAlt="Our chai preparation process"
|
||||
@@ -128,34 +80,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "100% Organic",
|
||||
description: "Naturally grown tea leaves with no added artificial flavors.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-wreath-fir-tree-branches-vases-cups-all-around-modern-kitchen-modern-kitchen-with-black-fridge-decorated-christmas-new-year_132075-11268.jpg",
|
||||
imageAlt: "Christmas wreath and fir tree branches in vases and cups all around the modern kitchen. Modern kitchen with black fridge decorated for Christmas and New Year.",
|
||||
},
|
||||
{
|
||||
title: "Customizable Sweetness",
|
||||
description: "From sugar-free to extra sweet, we cater to your preference.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-assortments-cake-decorating-ingredients_23-2148368259.jpg?_wi=2",
|
||||
imageAlt: "Christmas wreath and fir tree branches in vases and cups all around the modern kitchen. Modern kitchen with black fridge decorated for Christmas and New Year.",
|
||||
},
|
||||
{
|
||||
title: "Vegan Options",
|
||||
description: "Enjoy our delicious chai with almond, soy, or oat milk.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-tea-glass-teapot-is-poured-into-cups-tea-time-morning-old-veranda-summer-vacation-tea-party-atmosphere-rest-relaxation-selective-focus-cup_166373-2633.jpg?_wi=2",
|
||||
imageAlt: "Christmas wreath and fir tree branches in vases and cups all around the modern kitchen. Modern kitchen with black fridge decorated for Christmas and New Year.",
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly",
|
||||
description: "We use compostable cups and support sustainable farming.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg?_wi=2",
|
||||
imageAlt: "Christmas wreath and fir tree branches in vases and cups all around the modern kitchen. Modern kitchen with black fridge decorated for Christmas and New Year.",
|
||||
},
|
||||
{ title: "100% Organic", description: "Naturally grown tea leaves with no added artificial flavors.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/christmas-wreath-fir-tree-branches-vases-cups-all-around-modern-kitchen-modern-kitchen-with-black-fridge-decorated-christmas-new-year_132075-11268.jpg" },
|
||||
{ title: "Customizable Sweetness", description: "From sugar-free to extra sweet, we cater to your preference.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/front-view-assortments-cake-decorating-ingredients_23-2148368259.jpg" },
|
||||
{ title: "Vegan Options", description: "Enjoy our delicious chai with almond, soy, or oat milk.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/red-tea-glass-teapot-is-poured-into-cups-tea-time-morning-old-veranda-summer-vacation-tea-party-atmosphere-rest-relaxation-selective-focus-cup_166373-2633.jpg" },
|
||||
{ title: "Eco-Friendly", description: "We use compostable cups and support sustainable farming.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg" },
|
||||
]}
|
||||
title="Why Chai Spot?"
|
||||
description="It's not just a drink; it's an experience we've refined over years."
|
||||
@@ -169,42 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Masala Chai",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-lemon-tea-notebook_23-2148555405.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ginger Special Chai",
|
||||
price: "$4.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lemon-tea-cup-kettle-gray-background-color-morning-breakfast-photo-food-ceremony_140725-159393.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cardamom Delight",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-herbal-tea-cup-wooden-table_23-2148092035.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Iced Masala Chai",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cinnamon-sticks-marble-background-high-quality-photo_114579-37578.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Spiced House Blend",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-oriental-spices-plate_23-2147684864.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chai & Samosa Combo",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Masala Chai", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/cup-with-lemon-tea-notebook_23-2148555405.jpg" },
|
||||
{ id: "p2", name: "Ginger Special Chai", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lemon-tea-cup-kettle-gray-background-color-morning-breakfast-photo-food-ceremony_140725-159393.jpg" },
|
||||
{ id: "p3", name: "Cardamom Delight", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/two-herbal-tea-cup-wooden-table_23-2148092035.jpg" },
|
||||
{ id: "p4", name: "Iced Masala Chai", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cinnamon-sticks-marble-background-high-quality-photo_114579-37578.jpg" },
|
||||
{ id: "p5", name: "Spiced House Blend", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-oriental-spices-plate_23-2147684864.jpg" },
|
||||
{ id: "p6", name: "Chai & Samosa Combo", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our range of traditional and fusion chai beverages."
|
||||
@@ -217,27 +115,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
title: "Cups Served",
|
||||
description: "Every cup brings a smile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-boys-girls-bar_641386-35.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1200+",
|
||||
title: "Happy Locals",
|
||||
description: "Community members served.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-making-tea-home-together_23-2148813880.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "Rating",
|
||||
description: "Based on local reviews.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-friends-looking-bill_23-2148656023.jpg",
|
||||
},
|
||||
{ id: "m1", value: "5000+", title: "Cups Served", description: "Every cup brings a smile.", imageSrc: "http://img.b2bpic.net/free-photo/group-boys-girls-bar_641386-35.jpg" },
|
||||
{ id: "m2", value: "1200+", title: "Happy Locals", description: "Community members served.", imageSrc: "http://img.b2bpic.net/free-photo/couple-making-tea-home-together_23-2148813880.jpg" },
|
||||
{ id: "m3", value: "4.9", title: "Rating", description: "Based on local reviews.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-friends-looking-bill_23-2148656023.jpg" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Growing community, one cup at a time."
|
||||
@@ -247,49 +127,15 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
animationType="depth-3d"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Regular",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-coffee_23-2148395337.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
role: "Coffee Lover",
|
||||
company: "Tech Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-male-friends-together-restaurant_23-2150520083.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-feeling-very-ill-sick-holding-cup-coffee-her-head-light-green-wall-sickness-medicine-illness-health_140725-65038.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Smith",
|
||||
role: "Artist",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Brown",
|
||||
role: "Teacher",
|
||||
company: "Local School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153830.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Regular", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-coffee_23-2148395337.jpg" },
|
||||
{ id: "t2", name: "John Doe", role: "Coffee Lover", company: "Tech Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-male-friends-together-restaurant_23-2150520083.jpg" },
|
||||
{ id: "t3", name: "Emily Chen", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-feeling-very-ill-sick-holding-cup-coffee-her-head-light-green-wall-sickness-medicine-illness-health_140725-65038.jpg" },
|
||||
{ id: "t4", name: "Robert Smith", role: "Artist", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg" },
|
||||
{ id: "t5", name: "Alice Brown", role: "Teacher", company: "Local School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153830.jpg" },
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Kind words from our loyal patrons."
|
||||
@@ -301,21 +147,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you have vegan chai?",
|
||||
content: "Yes, we offer almond, soy, and oat milk options.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I order online?",
|
||||
content: "Yes, order through our app for pickup.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We prioritize organic, fair-trade ingredients.",
|
||||
},
|
||||
{ id: "q1", title: "Do you have vegan chai?", content: "Yes, we offer almond, soy, and oat milk options." },
|
||||
{ id: "q2", title: "Can I order online?", content: "Yes, order through our app for pickup." },
|
||||
{ id: "q3", title: "Are your ingredients organic?", content: "We prioritize organic, fair-trade ingredients." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our chai? We have answers."
|
||||
@@ -326,60 +160,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Join Us for a Cup"
|
||||
description="Come visit Chai Spot at our downtown location. We'd love to serve you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "https://maps.google.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Our Story", href: "#about" }] },
|
||||
{ items: [{ label: "Our Menu", href: "#menu" }, { label: "Order Online", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Chai Spot"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user