Merge version_2 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -5,11 +5,11 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,216 +19,107 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="grid"
|
||||
background="aurora"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="flat"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Cook Shop"
|
||||
brandName="Taste of Jamaica"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Culinary Excellence Every Day"
|
||||
description="Experience hand-crafted dishes prepared with passion and the finest local ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hanging-lamp_1339-2713.jpg"
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Authentic Jamaican Flavors"
|
||||
description="From jerk chicken to flavorful oxtail, experience the true spirit of Jamaica right in your neighborhood."
|
||||
leftCarouselItems={[{ imageSrc: "https://img.b2bpic.net/free-photo/plate-grilled-chicken-with-vegetables_114579-2133.jpg", imageAlt: "Jerk Chicken" }]}
|
||||
rightCarouselItems={[{ imageSrc: "https://img.b2bpic.net/free-photo/traditional-jamaican-food_144627-24879.jpg", imageAlt: "Jamaican Cuisine" }]}
|
||||
buttons={[{ text: "View Our Menu", href: "#menu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="Founded with a love for traditional flavors and modern techniques, we strive to make every visit memorable."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259644.jpg"
|
||||
title="Our Culinary Journey"
|
||||
description="Born from family recipes passed down through generations, we pride ourselves on authentic spices, fresh ingredients, and a welcoming island atmosphere."
|
||||
metrics={[{ value: "15+", title: "Years Experience" }, { value: "50+", title: "Authentic Recipes" }]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/chef-preparing-food-in-restaurant_1268-15494.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our curated selection of island staples, prepared fresh daily."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Chef's Special",
|
||||
name: "Truffle Pasta",
|
||||
price: "$24",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Main Course",
|
||||
name: "Grilled Salmon",
|
||||
price: "$32",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-wrapped-with-dough-tomato-sauce_114579-2133.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Classic",
|
||||
name: "Beef Wellington",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-seafood-salad-with-sauce-modern-presentation-restaurant-food_8353-7020.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Vegetarian",
|
||||
name: "Roasted Vegetables",
|
||||
price: "$18",
|
||||
rating: 4,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-bell-pepper-lettuce-tomato-basil_141793-16730.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Dessert",
|
||||
name: "Chocolate Lava Cake",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Appetizer",
|
||||
name: "Fresh Bruschetta",
|
||||
price: "$14",
|
||||
rating: 4,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg",
|
||||
},
|
||||
{ id: "1", name: "Authentic Jerk Chicken", price: "$18.50", variant: "Signature Dish", imageSrc: "https://img.b2bpic.net/free-photo/jerk-chicken-plate_144627-24880.jpg" },
|
||||
{ id: "2", name: "Braised Oxtail", price: "$24.00", variant: "Island Favorite", imageSrc: "https://img.b2bpic.net/free-photo/oxtail-stew_114579-1234.jpg" },
|
||||
{ id: "3", name: "Curry Goat", price: "$22.00", variant: "Traditional", imageSrc: "https://img.b2bpic.net/free-photo/curry-goat-dish_144627-24881.jpg" },
|
||||
{ id: "4", name: "Festival & Saltfish", price: "$15.00", variant: "Brunch", imageSrc: "https://img.b2bpic.net/free-photo/festival-saltfish_144627-24882.jpg" }
|
||||
]}
|
||||
title="Primary Menu"
|
||||
description="A curated selection of our signature dishes, meticulously prepared to delight your senses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
title="What Our Guests Say"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-noodles_23-2149005440.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-having-dinner-table_23-2148025313.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Ross",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Edward Norton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-apron-giving-croissant-woman_23-2147766943.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah M.", role: "Local Foodie", testimonial: "The jerk chicken is absolutely incredible. Feels like a vacation on every plate!" },
|
||||
{ id: "2", name: "David L.", role: "Regular Customer", testimonial: "Best oxtail in town, hands down. The spice level is perfectly balanced.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-dining_114579-1112.jpg" }
|
||||
]}
|
||||
cardTitle="What our guests say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your opening hours?",
|
||||
content: "Monday-Friday: 11 AM - 10 PM. Saturday-Sunday: 10 AM - 11 PM.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Where are you located?",
|
||||
content: "Find us at 123 Culinary Ave, City Center, Gourmet District.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Reservations are recommended, especially on weekends, but walk-ins are always welcome.",
|
||||
},
|
||||
{ id: "1", title: "What are your opening hours?", content: "Mon-Fri: 11AM - 10PM, Sat-Sun: 10AM - 11PM." },
|
||||
{ id: "2", title: "Do you offer delivery?", content: "Yes, you can order through our app or via major delivery platforms." },
|
||||
{ id: "3", title: "Can I book for events?", content: "We love hosting events! Please contact us for catering or large group reservations." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-chair_52683-88935.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Find everything you need to know about our hours, location, and reservations."
|
||||
faqsAnimation="blur-reveal"
|
||||
title="Need to Know"
|
||||
description="Check our operating hours, location details, and event policies."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready to Dine?"
|
||||
description="Join us for an unforgettable meal. Contact us for inquiries or reservations."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-happy-cafe-owner-opening-business-hanging-open-sign-entrance-door_637285-6586.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Located in the heart of the city. We look forward to serving you soon!"
|
||||
background={{ variant: "animated-grid" }}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/restaurant-interior-with-warm-lighting_114579-123.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="The Cook Shop"
|
||||
copyrightText="© 2025 The Cook Shop. All rights reserved."
|
||||
logoText="Taste of Jamaica"
|
||||
copyrightText="© 2025 Taste of Jamaica. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #fbf6f0;
|
||||
--card: #ffffff;
|
||||
--foreground: #3d2817;
|
||||
--primary-cta: #d66c1f;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #3d2817;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--accent: #fbc02d;
|
||||
--background-accent: #f3e5ab;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user