Merge version_1 into main #3
198
src/app/page.tsx
198
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Bean, Clock, Flame, Heart, MapPin, ShoppingBag, Star, Truck, Utensils, Store } from "lucide-react";
|
||||
import { Award, Bean, Clock, Flame, Heart, MapPin, ShoppingBag, Star, Truck, Utensils, Store, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,14 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Story", id: "story"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Story", id: "story" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Roy's Caribbean Basket"
|
||||
/>
|
||||
@@ -45,47 +43,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Taste of the Islands in Cambridge"
|
||||
description="Roy's Caribbean Basket: Women-Owned · Family-Run · Made Fresh Daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Hot Food", href: "#menu"},
|
||||
{
|
||||
text: "Explore the Shop", href: "#shop"},
|
||||
{ text: "Order Hot Food", href: "#menu" },
|
||||
{ text: "Explore the Shop", href: "#shop" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-chicken-grill-with-french-fries-wooden-board_140725-9655.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156166.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-afro-american-woman-enjoys-time-cafeteria_273609-28704.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing-kitchen_1153-5081.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Customer"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156166.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-afro-american-woman-enjoys-time-cafeteria_273609-28704.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing-kitchen_1153-5081.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Customer" },
|
||||
]}
|
||||
avatarText="Loved by 100+ local foodies"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Freshly Prepared", icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Authentic Spices", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Locally Owned", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Daily Delivery", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Top Rated", icon: Star,
|
||||
},
|
||||
{ type: "text-icon", text: "Freshly Prepared", icon: Flame },
|
||||
{ type: "text-icon", text: "Authentic Spices", icon: ShoppingBag },
|
||||
{ type: "text-icon", text: "Locally Owned", icon: Heart },
|
||||
{ type: "text-icon", text: "Daily Delivery", icon: Truck },
|
||||
{ type: "text-icon", text: "Top Rated", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,53 +77,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hot Food Takeout", description: "Curried chicken, jerk platters, doubles — ready when you are.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-sandwich-with-grilled-meat-white-background-burger-sandwich-meal-food_140725-80408.jpg", imageAlt: "steaming caribbean food platter jerk chicken"
|
||||
},
|
||||
title: "Hot Food Takeout", description: "Curried chicken, jerk platters, doubles — ready when you are.", media: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-sandwich-with-grilled-meat-white-background-burger-sandwich-meal-food_140725-80408.jpg", imageAlt: "steaming caribbean food platter jerk chicken" },
|
||||
items: [
|
||||
{
|
||||
icon: Flame,
|
||||
text: "Freshly cooked"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Ready daily"},
|
||||
{
|
||||
icon: Utensils,
|
||||
text: "Authentic recipes"},
|
||||
{ icon: Flame, text: "Freshly cooked" },
|
||||
{ icon: Clock, text: "Ready daily" },
|
||||
{ icon: Utensils, text: "Authentic recipes" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Caribbean Groceries", description: "Dried beans, seasonings, hard-to-find imports.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-tomatoes-local-market_482257-76134.jpg", imageAlt: "curried chicken with paratha roti plate"
|
||||
},
|
||||
title: "Caribbean Groceries", description: "Dried beans, seasonings, hard-to-find imports.", media: { imageSrc: "http://img.b2bpic.net/free-photo/organic-tomatoes-local-market_482257-76134.jpg", imageAlt: "curried chicken with paratha roti plate" },
|
||||
items: [
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
text: "Imported spices"},
|
||||
{
|
||||
icon: Bean,
|
||||
text: "Dried legumes"},
|
||||
{
|
||||
icon: Store,
|
||||
text: "Neighborhood market"},
|
||||
{ icon: ShoppingBag, text: "Imported spices" },
|
||||
{ icon: Bean, text: "Dried legumes" },
|
||||
{ icon: Store, text: "Neighborhood market" },
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Community Love", description: "79 five-star reviews and counting.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-set-rating-stars-isolated-white_107791-17634.jpg", imageAlt: "glass jars of dried beans and spices"
|
||||
},
|
||||
title: "Community Love", description: "79 five-star reviews and counting.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-set-rating-stars-isolated-white_107791-17634.jpg", imageAlt: "glass jars of dried beans and spices" },
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "4.8 Star Average"},
|
||||
{
|
||||
icon: Heart,
|
||||
text: "Locally loved"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Women-owned"},
|
||||
{ icon: Star, text: "4.8 Star Average" },
|
||||
{ icon: Heart, text: "Locally loved" },
|
||||
{ icon: Award, text: "Women-owned" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
@@ -160,18 +116,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Curry Chicken with Roti", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-fried-hot-pot-with-spicy-sauce-korean-style_1150-42902.jpg"},
|
||||
{
|
||||
id: "2", name: "Jerk Chicken Platter", price: "$16.50", imageSrc: "http://img.b2bpic.net/free-photo/red-pork-rice-famous-thai-food-recipe_1150-13513.jpg"},
|
||||
{
|
||||
id: "3", name: "Signature Doubles", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-melted-cheese-snacks_23-2149274819.jpg"},
|
||||
{
|
||||
id: "4", name: "Bake & Buljol", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mexican-food-ready-be-served_23-2148614439.jpg"},
|
||||
{
|
||||
id: "5", name: "Curry Goat Stew", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-indian-food_23-2148747724.jpg"},
|
||||
{
|
||||
id: "6", name: "Oxtail Stew", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370870.jpg"},
|
||||
{ id: "1", name: "Curry Chicken with Roti", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-fried-hot-pot-with-spicy-sauce-korean-style_1150-42902.jpg" },
|
||||
{ id: "2", name: "Jerk Chicken Platter", price: "$16.50", imageSrc: "http://img.b2bpic.net/free-photo/red-pork-rice-famous-thai-food-recipe_1150-13513.jpg" },
|
||||
{ id: "3", name: "Signature Doubles", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-melted-cheese-snacks_23-2149274819.jpg" },
|
||||
{ id: "4", name: "Bake & Buljol", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mexican-food-ready-be-served_23-2148614439.jpg" },
|
||||
{ id: "5", name: "Curry Goat Stew", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-indian-food_23-2148747724.jpg" },
|
||||
{ id: "6", name: "Oxtail Stew", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370870.jpg" },
|
||||
]}
|
||||
title="What's Cooking Today"
|
||||
description="Our signature dishes, prepared fresh daily in our kitchen."
|
||||
@@ -183,15 +133,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="More than a store — it's home."
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Founded", value: "2021"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Review Score", value: "4.8+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Location", value: "Cambridge"},
|
||||
{ icon: Users, label: "Founded", value: "2021" },
|
||||
{ icon: Heart, label: "Review Score", value: "4.8+" },
|
||||
{ icon: MapPin, label: "Location", value: "Cambridge" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -203,16 +147,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "John Doe", role: "Foodie", testimonial: "I drove 25 minutes and it was worth every mile. The jerk chicken is PERFECT.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg"},
|
||||
{
|
||||
id: "2", name: "Brandon", role: "Local Guide", testimonial: "Ravi helped me get started with jerked chicken. Best place in town.", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156166.jpg"},
|
||||
{
|
||||
id: "3", name: "Salma A.", role: "Customer", testimonial: "The doubles are soft, savory, and take you straight to Trinidad.", imageSrc: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-afro-american-woman-enjoys-time-cafeteria_273609-28704.jpg"},
|
||||
{
|
||||
id: "4", name: "Sarah K.", role: "Fan", testimonial: "Authentic, friendly, and always fresh. My go-to spot!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing-kitchen_1153-5081.jpg"},
|
||||
{
|
||||
id: "5", name: "Mike R.", role: "Regular", testimonial: "Absolutely amazing food and service every single time.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
|
||||
{ id: "1", name: "John Doe", role: "Foodie", testimonial: "I drove 25 minutes and it was worth every mile. The jerk chicken is PERFECT.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg" },
|
||||
{ id: "2", name: "Brandon", role: "Local Guide", testimonial: "Ravi helped me get started with jerked chicken. Best place in town.", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156166.jpg" },
|
||||
{ id: "3", name: "Salma A.", role: "Customer", testimonial: "The doubles are soft, savory, and take you straight to Trinidad.", imageSrc: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-afro-american-woman-enjoys-time-cafeteria_273609-28704.jpg" },
|
||||
{ id: "4", name: "Sarah K.", role: "Fan", testimonial: "Authentic, friendly, and always fresh. My go-to spot!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing-kitchen_1153-5081.jpg" },
|
||||
{ id: "5", name: "Mike R.", role: "Regular", testimonial: "Absolutely amazing food and service every single time.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Join our growing community of happy island food enthusiasts."
|
||||
@@ -225,17 +164,10 @@ export default function LandingPage() {
|
||||
title="Visit Us"
|
||||
description="383 Elgin St N, Unit 8, Cambridge, ON. Call us at (226) 698-3853."
|
||||
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: "Questions? Track down a spice?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Questions? Track down a spice?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pineapples-ready-sale_23-2151526661.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -245,30 +177,20 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/texture-woven-beige-straw-background-braids-from-plant-stem-close-up_169016-13057.jpg"
|
||||
logoText="Roy's Caribbean Basket"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Hot Food", href: "#menu"},
|
||||
{
|
||||
label: "Groceries", href: "#shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Hours & Info", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow", items: [
|
||||
{
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [
|
||||
{ label: "Hot Food", href: "#menu" },
|
||||
{ label: "Groceries", href: "#shop" },
|
||||
] },
|
||||
{ title: "Visit", items: [
|
||||
{ label: "Hours & Info", href: "#contact" },
|
||||
] },
|
||||
{ title: "Follow", items: [
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user