Merge version_2 into main #2
247
src/app/page.tsx
247
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Seoul Bites"
|
||||
/>
|
||||
@@ -54,96 +46,62 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Authentic Korean Flavors in Every Bite"
|
||||
description="Experience the heart of Seoul right in your neighborhood. Fresh ingredients, traditional recipes, and a modern dining experience await you at Seoul Bites."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Book Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grilled-pork-served-with-sauce-korean-style_1150-42939.jpg?_wi=1"
|
||||
imageAlt="Traditional Korean food spread"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-sitting-table_23-2149706724.jpg",
|
||||
alt: "Happy diner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-sitting-table_23-2149706724.jpg", alt: "Happy diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-eating-together_23-2150272485.jpg",
|
||||
alt: "Happy group",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-eating-together_23-2150272485.jpg", alt: "Happy group"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mid-shot-chef-plating-dish_23-2148794098.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mid-shot-chef-plating-dish_23-2148794098.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-paper-wrapped-sandwich_23-2151309944.jpg",
|
||||
alt: "Happy diner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-paper-wrapped-sandwich_23-2151309944.jpg", alt: "Happy diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-man-enjoying-time_23-2148395333.jpg",
|
||||
alt: "Happy couple",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-man-enjoying-time_23-2148395333.jpg", alt: "Happy couple"},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Ingredients",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Fresh Ingredients", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Traditional Recipes",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Traditional Recipes", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Authentic Flavors",
|
||||
icon: Flame,
|
||||
type: "text-icon", text: "Authentic Flavors", icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Friendly",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Family Friendly", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Daily Specials",
|
||||
icon: Utensils,
|
||||
type: "text-icon", text: "Daily Specials", icon: Utensils,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
<SplitAbout
|
||||
title="Our Culinary Journey"
|
||||
description="For generations, our family has perfected the art of Korean cooking, blending tradition with modern sensibilities."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Culinary Journey",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/papaya-salad-ingredients-include-papaya_1150-24808.jpg",
|
||||
alt: "Chef at work",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
bulletPoints={[
|
||||
{ title: "Fresh Ingredients", description: "Only the finest seasonal produce." },
|
||||
{ title: "Traditional Methods", description: "Time-honored preparation techniques." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/papaya-salad-ingredients-include-papaya_1150-24808.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,59 +113,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Appetizer",
|
||||
name: "Kimchi",
|
||||
price: "$6",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-pickled-vegetables-glass-jars-mixed-fermented-vegetables_127032-3375.jpg",
|
||||
},
|
||||
id: "1", brand: "Appetizer", name: "Kimchi", price: "$6", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/various-pickled-vegetables-glass-jars-mixed-fermented-vegetables_127032-3375.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Main",
|
||||
name: "Bulgogi",
|
||||
price: "$24",
|
||||
rating: 5,
|
||||
reviewCount: "205",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-pork-steak-rustic-pan_181624-33910.jpg",
|
||||
},
|
||||
id: "2", brand: "Main", name: "Bulgogi", price: "$24", rating: 5,
|
||||
reviewCount: "205", imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-pork-steak-rustic-pan_181624-33910.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Main",
|
||||
name: "Japchae",
|
||||
price: "$18",
|
||||
rating: 4,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetable-salad-with-sliced-carrot-cabbage-bell-peppers-dark-table_140725-143033.jpg",
|
||||
},
|
||||
id: "3", brand: "Main", name: "Japchae", price: "$18", rating: 4,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetable-salad-with-sliced-carrot-cabbage-bell-peppers-dark-table_140725-143033.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Street Food",
|
||||
name: "Ddukbokki",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheesy-tokbokki-korean-traditional-food-black-board-background-lunch-dish_1150-42991.jpg",
|
||||
},
|
||||
id: "4", brand: "Street Food", name: "Ddukbokki", price: "$12", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/cheesy-tokbokki-korean-traditional-food-black-board-background-lunch-dish_1150-42991.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Main",
|
||||
name: "Bibimbap",
|
||||
price: "$20",
|
||||
rating: 5,
|
||||
reviewCount: "310",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-chinese-reunion-dinner-dishes_23-2151089115.jpg",
|
||||
},
|
||||
id: "5", brand: "Main", name: "Bibimbap", price: "$20", rating: 5,
|
||||
reviewCount: "310", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-chinese-reunion-dinner-dishes_23-2151089115.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Appetizer",
|
||||
name: "Mandu",
|
||||
price: "$9",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-dushbere-khingal-inside-pottery-bowl-with-herbs_114579-3623.jpg",
|
||||
},
|
||||
id: "6", brand: "Appetizer", name: "Mandu", price: "$9", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-dushbere-khingal-inside-pottery-bowl-with-herbs_114579-3623.jpg"},
|
||||
]}
|
||||
title="Signature Korean Dishes"
|
||||
description="Explore our curated menu of traditional favorites and modern twists."
|
||||
@@ -221,45 +143,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Wong",
|
||||
handle: "@alicew",
|
||||
testimonial: "The best bibimbap I've had outside of Seoul! Absolutely authentic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-sitting-table_23-2149706724.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Wong", handle: "@alicew", testimonial: "The best bibimbap I've had outside of Seoul! Absolutely authentic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-sitting-table_23-2149706724.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Roberts",
|
||||
handle: "@mroberts",
|
||||
testimonial: "The bulgogi was incredibly tender and flavorful. Great atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-eating-together_23-2150272485.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Roberts", handle: "@mroberts", testimonial: "The bulgogi was incredibly tender and flavorful. Great atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-eating-together_23-2150272485.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Perez",
|
||||
handle: "@eperez",
|
||||
testimonial: "Love the kimchi and the friendly staff. Will definitely come back.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-chef-plating-dish_23-2148794098.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Perez", handle: "@eperez", testimonial: "Love the kimchi and the friendly staff. Will definitely come back.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-chef-plating-dish_23-2148794098.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "Perfect spot for a Friday night dinner. The portions are generous.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-paper-wrapped-sandwich_23-2151309944.jpg",
|
||||
},
|
||||
id: "4", name: "John Doe", handle: "@johnd", testimonial: "Perfect spot for a Friday night dinner. The portions are generous.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-paper-wrapped-sandwich_23-2151309944.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Hidden gem! Every dish is crafted with such care and tradition.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-man-enjoying-time_23-2148395333.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah Miller", handle: "@smiller", testimonial: "Hidden gem! Every dish is crafted with such care and tradition.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-man-enjoying-time_23-2148395333.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -273,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Reservations are highly recommended, especially on weekends.",
|
||||
},
|
||||
id: "1", title: "Do I need a reservation?", content: "Reservations are highly recommended, especially on weekends."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we have a selection of vegan-friendly dishes including bibimbap variations.",
|
||||
},
|
||||
id: "2", title: "Do you offer vegan options?", content: "Yes, we have a selection of vegan-friendly dishes including bibimbap variations."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is parking available?",
|
||||
content: "We offer validated parking at the adjacent garage for two hours.",
|
||||
},
|
||||
id: "3", title: "Is parking available?", content: "We offer validated parking at the adjacent garage for two hours."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grilled-pork-served-with-sauce-korean-style_1150-42939.jpg?_wi=2"
|
||||
title="Common Questions"
|
||||
@@ -300,14 +188,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Visit us for an unforgettable meal or contact us for private events and catering."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@seoulbites.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@seoulbites.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -317,33 +202,21 @@ export default function LandingPage() {
|
||||
logoText="Seoul Bites"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120006e6;
|
||||
--primary-cta: #e63946;
|
||||
--background: #fbf8f2;
|
||||
--card: #ffffff;
|
||||
--foreground: #2d1b0e;
|
||||
--primary-cta: #d9480f;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #f1eee6;
|
||||
--secondary-cta-text: #120006e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #b88a5d;
|
||||
--background-accent: #f1eee6;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user