Merge version_1 into main #1
176
src/app/page.tsx
176
src/app/page.tsx
@@ -32,69 +32,45 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ChillSpot"
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Authentic Caribbean Comfort"
|
||||
description="Taste the island tradition with our home-cooked meals. From Oxtail Stew to Jerk Chicken, we bring the heart of the Caribbean to your table."
|
||||
tag="Hidden Gem"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062786.jpg",
|
||||
imageAlt: "Caribbean meal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062786.jpg", imageAlt: "Caribbean meal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-plate-food-spices-plate-mushrooms-potatoes-cutting-board-different-spices-around-it_140725-117377.jpg",
|
||||
imageAlt: "Oxtail stew",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-plate-food-spices-plate-mushrooms-potatoes-cutting-board-different-spices-around-it_140725-117377.jpg", imageAlt: "Oxtail stew"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-with-souce_23-2148482441.jpg",
|
||||
imageAlt: "Fried chicken",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-with-souce_23-2148482441.jpg", imageAlt: "Fried chicken"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-soup-with-greens-slices-lemon-white-plate_114579-22282.jpg",
|
||||
imageAlt: "Soup bowl",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-soup-with-greens-slices-lemon-white-plate_114579-22282.jpg", imageAlt: "Soup bowl"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mackerel-fish-steak_1339-5044.jpg",
|
||||
imageAlt: "Stew conch",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mackerel-fish-steak_1339-5044.jpg", imageAlt: "Stew conch"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ripe-bananas-with-milk-flat-lay-wooden_176474-10761.jpg",
|
||||
imageAlt: "Pasta",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ripe-bananas-with-milk-flat-lay-wooden_176474-10761.jpg", imageAlt: "Pasta"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,9 +81,7 @@ export default function LandingPage() {
|
||||
title="Local Flavor, Delivered Daily"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,47 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Oxtail & Beans",
|
||||
price: "$12.00",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rib-eye-steak-with-melted-cheese_181624-846.jpg",
|
||||
},
|
||||
id: "p1", name: "Oxtail & Beans", price: "$12.00", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/rib-eye-steak-with-melted-cheese_181624-846.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Jerk Chicken",
|
||||
price: "$8.00",
|
||||
variant: "Local Favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon_74190-6097.jpg",
|
||||
},
|
||||
id: "p2", name: "Jerk Chicken", price: "$8.00", variant: "Local Favorite", imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon_74190-6097.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fish Tea Soup",
|
||||
price: "$6.00",
|
||||
variant: "Hot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-frame-with-copy-space_23-2148725084.jpg",
|
||||
},
|
||||
id: "p3", name: "Fish Tea Soup", price: "$6.00", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-frame-with-copy-space_23-2148725084.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Caymanian Pasta",
|
||||
price: "$10.00",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-with-vegetables-parsley-wooden-board-near-napkin_23-2148014707.jpg",
|
||||
},
|
||||
id: "p4", name: "Caymanian Pasta", price: "$10.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/rice-with-vegetables-parsley-wooden-board-near-napkin_23-2148014707.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sides & Salad",
|
||||
price: "$4.00",
|
||||
variant: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-salad-with-salad-leaves_140725-14060.jpg",
|
||||
},
|
||||
id: "p5", name: "Sides & Salad", price: "$4.00", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-salad-with-salad-leaves_140725-14060.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Curried Goat",
|
||||
price: "$12.00",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spicy-thai-basil-chicken-with-white-rice_84443-85746.jpg",
|
||||
},
|
||||
id: "p6", name: "Curried Goat", price: "$12.00", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/spicy-thai-basil-chicken-with-white-rice_84443-85746.jpg"},
|
||||
]}
|
||||
title="Our Daily Menu"
|
||||
description="Authentic island favorites prepared fresh everyday."
|
||||
@@ -175,25 +119,15 @@ export default function LandingPage() {
|
||||
author="Keith Hurst"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5292.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5292.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-cooking-together-barbecue_23-2149071392.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/friends-cooking-together-barbecue_23-2149071392.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-wear-white-sweater-with-crossed-arms-looks-away-city-indoors_197531-33292.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-wear-white-sweater-with-crossed-arms-looks-away-city-indoors_197531-33292.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-coffee-shop_23-2149434556.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-coffee-shop_23-2149434556.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -205,20 +139,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need to call ahead?",
|
||||
content: "Yes! Because we are a busy local spot, calling ahead for takeout is highly recommended to save time.",
|
||||
},
|
||||
id: "f1", title: "Do I need to call ahead?", content: "Yes! Because we are a busy local spot, calling ahead for takeout is highly recommended to save time."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you have delivery?",
|
||||
content: "Yes, we offer reliable delivery service for your convenience.",
|
||||
},
|
||||
id: "f2", title: "Do you have delivery?", content: "Yes, we offer reliable delivery service for your convenience."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your hours consistent?",
|
||||
content: "Yes, we are open long hours and pride ourselves on being a dependable spot for local meals.",
|
||||
},
|
||||
id: "f3", title: "Are your hours consistent?", content: "Yes, we are open long hours and pride ourselves on being a dependable spot for local meals."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -233,25 +158,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Authentic",
|
||||
description: "West Indian recipes",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "100%", title: "Authentic", description: "West Indian recipes", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Daily Items",
|
||||
description: "Fresh menu options",
|
||||
icon: Utensils,
|
||||
id: "m2", value: "15+", title: "Daily Items", description: "Fresh menu options", icon: Utensils,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1000+",
|
||||
title: "Served Daily",
|
||||
description: "Happy customers",
|
||||
icon: Users,
|
||||
id: "m3", value: "1000+", title: "Served Daily", description: "Happy customers", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Community Favorites"
|
||||
@@ -263,8 +176,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Order your meal today"
|
||||
description="Call us to place an order for pickup or delivery."
|
||||
@@ -278,29 +190,19 @@ export default function LandingPage() {
|
||||
logoText="ChillSpot"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user