301 lines
9.5 KiB
TypeScript
301 lines
9.5 KiB
TypeScript
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
|
import ContactSplitEmail from '@/components/sections/contact/ContactSplitEmail';
|
|
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
|
import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
|
|
import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import NavbarCentered from '@/components/ui/NavbarCentered';
|
|
import ProductVariantCards from '@/components/sections/product/ProductVariantCards';
|
|
import TestimonialAvatarCard from '@/components/sections/testimonial/TestimonialAvatarCard';
|
|
|
|
export default function App() {
|
|
return (
|
|
<div className="min-h-screen bg-gradient-to-br from-orange-50 to-gray-50">
|
|
<div id="nav" data-section="nav">
|
|
<NavbarCentered
|
|
logo="SeoulPasta"
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
href: "#hero",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
name: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
ctaButton={{
|
|
text: "Order Now",
|
|
href: "#menu",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
slides={[
|
|
{
|
|
tag: "Fusion Takeout",
|
|
title: "Seoul Meets Italy in Every Bite",
|
|
description: "Experience the bold heat of Korea blended with the timeless comfort of Italian pasta. Order your fusion favorites for quick, hot takeout today.",
|
|
primaryButton: {
|
|
text: "Browse Menu",
|
|
href: "#menu",
|
|
},
|
|
secondaryButton: {
|
|
text: "Our Story",
|
|
href: "#about",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-germany-sausage_1339-5598.jpg",
|
|
},
|
|
{
|
|
tag: "Signature Dishes",
|
|
title: "Discover Our Kimchi Carbonara",
|
|
description: "A creamy, spicy twist on a classic. The ultimate comfort food with a Korean kick. You have to try it to believe it.",
|
|
primaryButton: {
|
|
text: "View Dish",
|
|
href: "#menu",
|
|
},
|
|
secondaryButton: {
|
|
text: "Full Menu",
|
|
href: "#menu",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-fork_23-2147749504.jpg",
|
|
},
|
|
{
|
|
tag: "Fast & Fresh",
|
|
title: "Hot, Fresh, and Ready For You",
|
|
description: "We prepare every dish with the freshest ingredients and deliver it piping hot to your door. Quality you can taste.",
|
|
primaryButton: {
|
|
text: "Order Delivery",
|
|
href: "#contact",
|
|
},
|
|
secondaryButton: {
|
|
text: "Why Choose Us",
|
|
href: "#features",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-box-with-leftover-cookie_23-2148666825.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMediaOverlay
|
|
tag="Our Heritage"
|
|
title="Authentic Fusion Crafts"
|
|
description="Born from a passion for global flavors, we blend traditional Italian pasta-making techniques with the intense, spicy soul of Korean cuisine. Every meal is a tribute to our unique culinary roots."
|
|
imageSrc="http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductVariantCards
|
|
tag="Popular Items"
|
|
title="Our Signature Dishes"
|
|
description="Hand-crafted fusion bowls made fresh to order."
|
|
products={[
|
|
{
|
|
name: "Kimchi Carbonara",
|
|
variant: "Spicy Fusion",
|
|
price: "$16.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-fork_23-2147749504.jpg",
|
|
},
|
|
{
|
|
name: "Gochujang Bolognese",
|
|
variant: "Rich & Savory",
|
|
price: "$17.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-truffle-recipe-with-pasta-top-view_23-2149548045.jpg",
|
|
},
|
|
{
|
|
name: "Bulgogi Lasagna",
|
|
variant: "Takeout Tray",
|
|
price: "$18.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-topped-with-melted-cheese_140725-3799.jpg",
|
|
},
|
|
{
|
|
name: "Bibimbap Risotto",
|
|
variant: "Healthy Bowl",
|
|
price: "$15.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/snack-healthy-breakfast-plate-blue-cheese-avocado-boiled-egg-olives-black-surface-top-view_2829-6092.jpg",
|
|
},
|
|
{
|
|
name: "Tteokbokki Gnocchi",
|
|
variant: "Chewy & Spicy",
|
|
price: "$14.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-creamy-cake-with-strawberries_140725-57114.jpg",
|
|
},
|
|
{
|
|
name: "Kimchi Mac & Cheese",
|
|
variant: "Comfort Fusion",
|
|
price: "$13.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fettuccine-pasta-chicken-mushroom-parmesan-tomato-mint-sumakh-cocktail-side-view_141793-2363.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeaturesTaggedCards
|
|
tag="Why Us"
|
|
title="The Takeout Experience"
|
|
description="Designed for flavor, built for speed."
|
|
items={[
|
|
{
|
|
tag: "Fast",
|
|
title: "Speedy Delivery",
|
|
description: "Get your fusion meal delivered piping hot.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-box-with-leftover-cookie_23-2148666825.jpg",
|
|
},
|
|
{
|
|
tag: "Fresh",
|
|
title: "Quality Ingredients",
|
|
description: "We source the finest local produce and authentic spices.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-seasonings-with-lemon_140725-57531.jpg",
|
|
},
|
|
{
|
|
tag: "Easy",
|
|
title: "Quick Ordering",
|
|
description: "Place your order online and skip the line.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893757.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialAvatarCard
|
|
tag="Reviews"
|
|
title="What Our Foodies Say"
|
|
primaryButton={{
|
|
text: "See All Reviews",
|
|
href: "#",
|
|
}}
|
|
avatars={[
|
|
{
|
|
name: "Sarah J.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-drinking-coffee-holding-binder_140725-34662.jpg",
|
|
},
|
|
{
|
|
name: "Michael K.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-red-hat-talking-with-man_171337-16410.jpg",
|
|
},
|
|
{
|
|
name: "Emily R.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
|
|
},
|
|
{
|
|
name: "David L.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
|
},
|
|
{
|
|
name: "Chloe T.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSimple
|
|
tag="Questions"
|
|
title="Common Inquiries"
|
|
description="Have questions about our fusion takeout?"
|
|
items={[
|
|
{
|
|
question: "Are your dishes halal?",
|
|
answer: "Most are, please consult our ingredient list for specific items.",
|
|
},
|
|
{
|
|
question: "Can I customize the spice level?",
|
|
answer: "Absolutely, just specify your preferred heat level when ordering.",
|
|
},
|
|
{
|
|
question: "Do you offer catering?",
|
|
answer: "Yes, contact us to discuss catering for your private event.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitEmail
|
|
tag="Visit Us"
|
|
title="Stay Connected"
|
|
description="Sign up for exclusive monthly fusion menu updates."
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-couple-sitting-open-cafeteria-zone_23-2147826845.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimpleMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg"
|
|
brand="SeoulPasta"
|
|
columns={[
|
|
{
|
|
title: "Menu",
|
|
items: [
|
|
{
|
|
label: "All Dishes",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
label: "New Arrivals",
|
|
href: "#menu",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyright="© 2024 SeoulPasta Fusion. All rights reserved."
|
|
links={[
|
|
{
|
|
label: "Instagram",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Twitter",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|