Merge version_1 into main #1
393
src/app/page.tsx
393
src/app/page.tsx
@@ -19,275 +19,150 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
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: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="CHUCHAT 初茶"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="CHUCHAT 初茶"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="CHUCHAT 初茶"
|
||||
description="Authentic Chinese Skewers & Signature Milk Tea. Experience the perfect blend of tradition and modern flair."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "https://pos.chowbus.com/online-ordering/store/CHUCHAT/21181?referrer=google_food_ordering",
|
||||
},
|
||||
{
|
||||
text: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-juice-bottles-table_23-2148037104.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="CHUCHAT 初茶"
|
||||
description="Authentic Chinese Skewers & Signature Milk Tea. Experience the perfect blend of tradition and modern flair."
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "https://pos.chowbus.com/online-ordering/store/CHUCHAT/21181?referrer=google_food_ordering" },
|
||||
{ text: "Our Menu", href: "#menu" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-juice-bottles-table_23-2148037104.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A Mood, Not Just a Meal"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Freshly Brewed",
|
||||
value: "Daily",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Authentic Skewers",
|
||||
value: "Kabobs",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Open Daily",
|
||||
value: "11:30AM - 10PM",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A Mood, Not Just a Meal"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Freshly Brewed", value: "Daily" },
|
||||
{ icon: Award, label: "Authentic Skewers", value: "Kabobs" },
|
||||
{ icon: Clock, label: "Open Daily", value: "11:30AM - 10PM" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Chinese Skewers",
|
||||
description: "Authentic, seasoned kabobs that remind you of the original street flavors from China.",
|
||||
},
|
||||
{
|
||||
icon: Milk,
|
||||
title: "Signature Milk Tea",
|
||||
description: "Freshly brewed tea served in our signature bottles, handcrafted for the perfect balance.",
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Cozy Atmosphere",
|
||||
description: "A stylish, peppy interior design that's perfect for casual dining or taking photos.",
|
||||
},
|
||||
]}
|
||||
title="Authentic Flavors"
|
||||
description="Discover our signature items that keep our guests coming back for more."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Utensils, title: "Chinese Skewers", description: "Authentic, seasoned kabobs that remind you of the original street flavors from China." },
|
||||
{ icon: Milk, title: "Signature Milk Tea", description: "Freshly brewed tea served in our signature bottles, handcrafted for the perfect balance." },
|
||||
{ icon: Building2, title: "Cozy Atmosphere", description: "A stylish, peppy interior design that's perfect for casual dining or taking photos." },
|
||||
]}
|
||||
title="Authentic Flavors"
|
||||
description="Discover our signature items that keep our guests coming back for more."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Erik Stewart",
|
||||
role: "Local Guide",
|
||||
company: "Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149005351.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Diego Salcedo",
|
||||
role: "Local Guide",
|
||||
company: "Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tripradar",
|
||||
role: "Local Guide",
|
||||
company: "Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-woman-table_23-2148899034.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex Zhang",
|
||||
role: "Foodie",
|
||||
company: "Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Miller",
|
||||
role: "Customer",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-young-woman-with-orange-hand-drinks-freshly-squeezed-juice-from_1258-198430.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Don't just take our word for it. Here is what local food lovers have to say about CHUCHAT."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Erik Stewart", role: "Local Guide", company: "Reviewer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149005351.jpg" },
|
||||
{ id: "2", name: "Diego Salcedo", role: "Local Guide", company: "Reviewer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg" },
|
||||
{ id: "3", name: "Tripradar", role: "Local Guide", company: "Reviewer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-woman-table_23-2148899034.jpg" },
|
||||
{ id: "4", name: "Alex Zhang", role: "Foodie", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg" },
|
||||
{ id: "5", name: "Sarah Miller", role: "Customer", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-young-woman-with-orange-hand-drinks-freshly-squeezed-juice-from_1258-198430.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Don't just take our word for it. Here is what local food lovers have to say about CHUCHAT."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Authentic",
|
||||
description: "Traditional Chinese street flavors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-grilled-food-skewers-with-spices-dark-background_84443-85692.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Fresh",
|
||||
title: "Brewed",
|
||||
description: "Handcrafted tea daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-chocolate-smoothie-jar-wooden-table_23-2147890150.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Style",
|
||||
title: "Interior",
|
||||
description: "Designed for your comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Highlights"
|
||||
description="Authentic experiences crafted with passion and fresh ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Authentic", description: "Traditional Chinese street flavors.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-grilled-food-skewers-with-spices-dark-background_84443-85692.jpg" },
|
||||
{ id: "m2", value: "Fresh", title: "Brewed", description: "Handcrafted tea daily.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-chocolate-smoothie-jar-wooden-table_23-2147890150.jpg" },
|
||||
{ id: "m3", value: "Style", title: "Interior", description: "Designed for your comfort.", imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg" },
|
||||
]}
|
||||
title="Our Highlights"
|
||||
description="Authentic experiences crafted with passion and fresh ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer takeout?",
|
||||
content: "Yes, we offer both takeout and dine-in options for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are your hours?",
|
||||
content: "We are open daily from 11:30 AM to 10:00 PM.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 6000 Medlock Bridge Parkway, STE F200, Johns Creek, GA.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need more information about CHUCHAT? We're here to help."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer takeout?", content: "Yes, we offer both takeout and dine-in options for your convenience." },
|
||||
{ id: "q2", title: "What are your hours?", content: "We are open daily from 11:30 AM to 10:00 PM." },
|
||||
{ id: "q3", title: "Where are you located?", content: "We are located at 6000 Medlock Bridge Parkway, STE F200, Johns Creek, GA." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need more information about CHUCHAT? We're here to help."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Come Say Hi"
|
||||
description="We're located in Johns Creek. Come visit us for a drink and a bite today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+17706098099",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Come Say Hi"
|
||||
description="We're located in Johns Creek. Come visit us for a drink and a bite today!"
|
||||
buttons={[
|
||||
{ text: "Call Us", href: "tel:+17706098099" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Sun",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "11:30AM-10PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="CHUCHAT 初茶"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Order Online", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Mon-Sun", href: "#" },
|
||||
{ label: "11:30AM-10PM", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="CHUCHAT 初茶"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user