Merge version_2 into main #1
290
src/app/page.tsx
290
src/app/page.tsx
@@ -15,37 +15,25 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SinJeon"
|
||||
/>
|
||||
@@ -53,278 +41,100 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="SinJeon K-Street Food"
|
||||
description="Authentic Korean street food in the heart of North Melbourne. Bold flavours, fast service, and generous portions."
|
||||
description="Authentic Korean street food in the heart of North Melbourne. Bold flavours, fast service, and luxurious ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Order Now", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-pieces-grilled-teriyaki-sauce_114579-1720.jpg",
|
||||
imageAlt: "Authentic Tteokbokki",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-indonesian-bakso_23-2148933300.jpg",
|
||||
imageAlt: "Cozy Restaurant Interior",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-seaweed-salad-concept_23-2148678735.jpg",
|
||||
imageAlt: "Beef Bibimbap",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-pieces_1203-144.jpg",
|
||||
imageAlt: "Cheese Kimbap",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-corn-dog_23-2149387964.jpg",
|
||||
imageAlt: "Crispy K-Corndog",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-served-with-sauce-korean-style_1150-42949.jpg",
|
||||
imageAlt: "Kimchi Fried Rice",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/chicken-pieces-grilled-teriyaki-sauce_114579-1720.jpg", imageAlt: "Tteokbokki" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-indonesian-bakso_23-2148933300.jpg", imageAlt: "Interior" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-seaweed-salad-concept_23-2148678735.jpg", imageAlt: "Ramen" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/sushi-pieces_1203-144.jpg", imageAlt: "Kimbap" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-corn-dog_23-2149387964.jpg", imageAlt: "K-Corndog" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-served-with-sauce-korean-style_1150-42949.jpg", imageAlt: "Pork" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Customer Love"
|
||||
description="See why locals choose us for their Korean fix."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Fresh, flavorful dishes, generous portions, affordable price. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-sushi-park-picnic-nature_169016-22794.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael L.",
|
||||
handle: "@michaell",
|
||||
testimonial: "A cozy, homely vibe that makes every meal special.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-street_839833-12943.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Very tasty food and really great prices for North Melbourne.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "My go-to spot for Tteokbokki. Always fast and authentic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-with-mug-hands-drinking-coffee-morning-restaurant_231208-4737.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex P.",
|
||||
handle: "@alexp",
|
||||
testimonial: "Incredible portions and the Korean Fried Chicken is the best in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-cafe_1170-720.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best Tteokbokki in North Melbourne!", rating: 5 },
|
||||
{ id: "2", name: "Michael L.", handle: "@michaell", testimonial: "Incredible flavors and premium service.", rating: 5 },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Local Favourite"
|
||||
description="Rated 4.6★ by over 499 happy customers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Popular Menu"
|
||||
description="Our chefs' signature street food picks."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tteokbokki",
|
||||
price: "$12",
|
||||
variant: "Authentic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-shrimp_1339-1343.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Korean Fried Chicken",
|
||||
price: "$18",
|
||||
variant: "Spicy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-korean-style_1339-5748.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cheese Kimbap",
|
||||
price: "$10",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-sandwich-roll_1339-2498.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Beef Bulgogi Bibimbap",
|
||||
price: "$16",
|
||||
variant: "Hearty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-meal-pork-vegetables-rice-generative-ai_188544-8514.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "K-Corndog",
|
||||
price: "$8",
|
||||
variant: "Crunchy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-corn-dog_23-2149387984.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Kimchi Fried Rice",
|
||||
price: "$14",
|
||||
variant: "Bold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kimchi-fried-rice-with-fried-egg_84443-85835.jpg",
|
||||
},
|
||||
{ id: "1", name: "Signature Tteokbokki", price: "$14", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-shrimp_1339-1343.jpg" },
|
||||
{ id: "2", name: "K-Fried Chicken", price: "$22", variant: "Crispy", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-korean-style_1339-5748.jpg" },
|
||||
{ id: "3", name: "Cheese Kimbap", price: "$12", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/sushi-sandwich-roll_1339-2498.jpg" },
|
||||
{ id: "4", name: "Bibimbap", price: "$18", variant: "Hearty", imageSrc: "http://img.b2bpic.net/free-photo/fresh-meal-pork-vegetables-rice-generative-ai_188544-8514.jpg" },
|
||||
]}
|
||||
title="Popular Menu Items"
|
||||
description="Crave-worthy authentic Korean street food."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Your Local Korean Gem",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
|
||||
alt: "About SinJeon",
|
||||
},
|
||||
]}
|
||||
heading={[{ type: "text", content: "The SinJeon Experience" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
names={["Google", "UberEats", "DoorDash", "Instagram"]}
|
||||
title="Featured On"
|
||||
description="Join the community online."
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google Maps",
|
||||
"Uber Eats",
|
||||
"DoorDash",
|
||||
"Instagram",
|
||||
"Facebook",
|
||||
"TikTok",
|
||||
"TripAdvisor",
|
||||
]}
|
||||
title="Find Us & Order"
|
||||
description="We are available on major platforms."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
faqs={[{ id: "1", title: "Delivery Available?", content: "Yes! UberEats and DoorDash." }]}
|
||||
title="Questions?"
|
||||
description="Answers to your cravings."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we partner with Uber Eats and DoorDash for delivery.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can we dine in?",
|
||||
content: "Absolutely! We welcome dine-in guests for a cozy experience.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where are you located?",
|
||||
content: "T6/33 Blackwood St, North Melbourne VIC 3051.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Information about dining and ordering."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
title="Visit Us Today"
|
||||
description="Blackwood St, North Melbourne. Experience the best of Korean street food."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Order Now"
|
||||
title="Craving Korean Street Food?"
|
||||
description="Visit us at T6/33 Blackwood St or call (03) 8597 8569."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "All Dishes",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Blackwood St, North Melb",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(03) 8597 8569",
|
||||
href: "tel:+61385978569",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Menu", items: [{ label: "Order Online", href: "#contact" }] }]}
|
||||
bottomLeftText="© 2024 SinJeon K-Street Food"
|
||||
bottomRightText="Built with love."
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,12 +10,12 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #121212;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #e63946;
|
||||
--background: #060000;
|
||||
--card: #1d0d0d;
|
||||
--foreground: #ffe6e6;
|
||||
--primary-cta: #ff3d4a;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #2a2a2a;
|
||||
--secondary-cta: #1f0a0a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #b8111f;
|
||||
--background-accent: #1a1a1a;
|
||||
|
||||
Reference in New Issue
Block a user