Merge version_1 into main #1
337
src/app/page.tsx
337
src/app/page.tsx
@@ -18,246 +18,121 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="House of Umami"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="House of Umami"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Authentic Umami Experience"
|
||||
description="Discover the art of traditional ramen in the heart of Canton, MI. Hand-crafted bowls, rich broth, and an unforgettable atmosphere."
|
||||
tag="Canton's Finest Ramen"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-shrimp-noodle-soup-with-egg_84443-85798.jpg",
|
||||
imageAlt: "Traditional Ramen Bowl",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks_23-2150606748.jpg",
|
||||
imageAlt: "Restaurant Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-ramen-noodle-soup-copy-space_23-2148494834.jpg",
|
||||
imageAlt: "Asian ramen noodle soup copy space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-ramen-soup-with-half-egg_23-2148494832.jpg",
|
||||
imageAlt: "Homemade ramen soup with half of egg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-bowl_23-2151950822.jpg",
|
||||
imageAlt: "Delicious ramen bowl",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="47 Ratings"
|
||||
tagIcon={Flame}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Authentic Umami Experience"
|
||||
description="Discover the art of traditional ramen in the heart of Canton, MI. Hand-crafted bowls, rich broth, and an unforgettable atmosphere."
|
||||
tag="Canton's Finest Ramen"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-shrimp-noodle-soup-with-egg_84443-85798.jpg", imageAlt: "Traditional Ramen Bowl" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks_23-2150606748.jpg", imageAlt: "Restaurant Interior" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="47 Ratings"
|
||||
tagIcon={Flame}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "85%",
|
||||
title: "Overall Rating",
|
||||
description: "Based on 47 community ratings.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "93%",
|
||||
title: "Atmosphere",
|
||||
description: "A welcoming space for everyone.",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "93%",
|
||||
title: "Customer Service",
|
||||
description: "Service that feels like family.",
|
||||
icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Why Guests Love Us"
|
||||
description="High standards and consistent quality are what define House of Umami."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "85%", title: "Overall Rating", description: "Based on 47 community ratings.", icon: Award },
|
||||
{ id: "2", value: "93%", title: "Atmosphere", description: "A welcoming space for everyone.", icon: Coffee },
|
||||
{ id: "3", value: "93%", title: "Customer Service", description: "Service that feels like family.", icon: Users },
|
||||
]}
|
||||
title="Why Guests Love Us"
|
||||
description="High standards and consistent quality are what define House of Umami."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Welcome to House of Umami"
|
||||
description={[
|
||||
"Located at 45250 Ford Rd, Canton, MI 48187, we bring the authentic taste of Japanese tradition to our community.",
|
||||
"Our doors are open Sun – Thu 11:00 AM – 9:00 PM and Fri – Sat 11:00 AM – 10:00 PM. Whether it's a quick lunch or a slow evening meal, we ensure quality in every bite.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Welcome to House of Umami"
|
||||
description={[
|
||||
"Located at 45250 Ford Rd, Canton, MI 48187, we bring the authentic taste of Japanese tradition to our community.", "Our doors are open Sun – Thu 11:00 AM – 9:00 PM and Fri – Sat 11:00 AM – 10:00 PM. Whether it's a quick lunch or a slow evening meal, we ensure quality in every bite."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Ramen!",
|
||||
quote: "The broth is incredibly rich and authentic.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Local Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-noodles_23-2149005440.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best in Canton",
|
||||
quote: "Always fresh, hot, and delicious. My go-to spot.",
|
||||
name: "Michael Chen",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367127.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great Service",
|
||||
quote: "Friendly staff and quick service during lunch.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-near-elderly-people_23-2147947984.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Cozy Vibe",
|
||||
quote: "Love the atmosphere, perfect for a rainy day.",
|
||||
name: "David Kim",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-home_23-2150272493.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Authentic Flavor",
|
||||
quote: "Finally found real ramen in Canton. Highly recommend.",
|
||||
name: "Jessica Lee",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-night-with-vibrant-lights_23-2149836913.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Honest feedback from our local guests."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Great Ramen!", quote: "The broth is incredibly rich and authentic.", name: "Sarah Johnson", role: "Local Foodie", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-noodles_23-2149005440.jpg" },
|
||||
{ id: "2", title: "Best in Canton", quote: "Always fresh, hot, and delicious. My go-to spot.", name: "Michael Chen", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367127.jpg" },
|
||||
{ id: "3", title: "Great Service", quote: "Friendly staff and quick service during lunch.", name: "Emily Rodriguez", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-near-elderly-people_23-2147947984.jpg" },
|
||||
{ id: "4", title: "Cozy Vibe", quote: "Love the atmosphere, perfect for a rainy day.", name: "David Kim", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-home_23-2150272493.jpg" },
|
||||
{ id: "5", title: "Authentic Flavor", quote: "Finally found real ramen in Canton. Highly recommend.", name: "Jessica Lee", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/city-night-with-vibrant-lights_23-2149836913.jpg" },
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Honest feedback from our local guests."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your operating hours?",
|
||||
content: "Sun – Thu 11:00 AM – 9:00 PM, Fri – Sat 11:00 AM – 10:00 PM.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "45250 Ford Rd, Canton, MI 48187, United States.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I order online?",
|
||||
content: "Please check our website or third-party delivery partners listed on our Maps page.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about dining at House of Umami."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What are your operating hours?", content: "Sun – Thu 11:00 AM – 9:00 PM, Fri – Sat 11:00 AM – 10:00 PM." },
|
||||
{ id: "f2", title: "Where are you located?", content: "45250 Ford Rd, Canton, MI 48187, United States." },
|
||||
{ id: "f3", title: "Can I order online?", content: "Please check our website or third-party delivery partners listed on our Maps page." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about dining at House of Umami."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Have Questions?"
|
||||
description="Call us at +1 (734) 359-3053 or visit us in Canton for a bowl of authentic ramen."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Have Questions?"
|
||||
description="Call us at +1 (734) 359-3053 or visit us in Canton for a bowl of authentic ramen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="House of Umami"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 House of Umami. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="House of Umami"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 House of Umami. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user