Merge version_1 into main #2
375
src/app/page.tsx
375
src/app/page.tsx
@@ -28,277 +28,126 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chickii"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Our Story", id: "#about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Location", id: "#contact" },
|
||||
]}
|
||||
brandName="Chickii"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="The Thickiiest Chickii in Town."
|
||||
description="Experience the ultimate Thai-inspired fried chicken sandwich. Crispy, juicy, and packed with flavor that will leave you craving more."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-sandwich-with-salami-vegetables-table_23-2148590182.jpg?_wi=1"
|
||||
imageAlt="Luxurious Chickii Chicken Sandwich"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "plain" }}
|
||||
title="The Thickiiest Chickii in Town."
|
||||
description="Experience the ultimate Thai-inspired fried chicken sandwich. Crispy, juicy, and packed with flavor that will leave you craving more."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-sandwich-with-salami-vegetables-table_23-2148590182.jpg"
|
||||
imageAlt="Luxurious Chickii Chicken Sandwich"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Thai-Twist Flavor",
|
||||
description: "Our signature curry, peanut, and orange sauces elevate your meal to a whole new level.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-crispy-chicken-nuggets_140725-3552.jpg?_wi=1",
|
||||
imageAlt: "Delicious Tenders",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-herbal-tea-with-lemon-cinnamon-sticks-blue-cup-bowl-slices-lime-dark-table_140725-111280.jpg?_wi=1",
|
||||
imageAlt: "Thai Iced Tea",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-sandwich-with-salami-vegetables-table_23-2148590182.jpg?_wi=2",
|
||||
imageAlt: "gourmet fried chicken sandwich close up",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Juicy & Crispy",
|
||||
description: "We use the freshest white meat, fried to perfection for that mouth-watering crunch.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-crispy-chicken-nuggets_140725-3552.jpg?_wi=2",
|
||||
imageAlt: "Juicy Chicken",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-herbal-tea-with-lemon-cinnamon-sticks-blue-cup-bowl-slices-lime-dark-table_140725-111280.jpg?_wi=2",
|
||||
imageAlt: "Crispy Breading",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-crispy-chicken-nuggets_140725-3552.jpg?_wi=3",
|
||||
imageAlt: "crispy fried chicken tenders plate",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Customized Spice",
|
||||
description: "From 'No Spice' for the kids to 'Extra Hot' for the thrill seekers, you define the heat.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-fries-crispy-chicken-nuggets_140725-3552.jpg?_wi=4",
|
||||
imageAlt: "Spicy Rubs",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-herbal-tea-with-lemon-cinnamon-sticks-blue-cup-bowl-slices-lime-dark-table_140725-111280.jpg?_wi=3",
|
||||
imageAlt: "Sauce Selection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-herbal-tea-with-lemon-cinnamon-sticks-blue-cup-bowl-slices-lime-dark-table_140725-111280.jpg?_wi=4",
|
||||
imageAlt: "thai iced tea glass condensation",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Why Chickii Stands Out"
|
||||
description="Authentic Thai flavors meet perfectly fried, juicy chicken."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: 1, title: "Thai-Twist Flavor", description: "Our signature curry, peanut, and orange sauces elevate your meal to a whole new level.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/french-fries-crispy-chicken-nuggets_140725-3552.jpg", imageAlt: "Delicious Tenders" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-herbal-tea-with-lemon-cinnamon-sticks-blue-cup-bowl-slices-lime-dark-table_140725-111280.jpg", imageAlt: "Thai Iced Tea" } },
|
||||
{ id: 2, title: "Juicy & Crispy", description: "We use the freshest white meat, fried to perfection for that mouth-watering crunch.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/french-fries-crispy-chicken-nuggets_140725-3552.jpg", imageAlt: "Juicy Chicken" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-herbal-tea-with-lemon-cinnamon-sticks-blue-cup-bowl-slices-lime-dark-table_140725-111280.jpg", imageAlt: "Crispy Breading" } },
|
||||
{ id: 3, title: "Customized Spice", description: "From 'No Spice' for the kids to 'Extra Hot' for the thrill seekers, you define the heat.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/french-fries-crispy-chicken-nuggets_140725-3552.jpg", imageAlt: "Spicy Rubs" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-herbal-tea-with-lemon-cinnamon-sticks-blue-cup-bowl-slices-lime-dark-table_140725-111280.jpg", imageAlt: "Sauce Selection" } }
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Why Chickii Stands Out"
|
||||
description="Authentic Thai flavors meet perfectly fried, juicy chicken."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chickii Sandwich",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-tasty-toast-sandwiches-with-cheese-ham-inside-plate-with-french-fries-sour-cream_140725-20021.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rice Bowl",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegan-salad-with-rice-pickled-kimchi-cabbage-avocado-nori-sesame-bowl_2829-18790.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Seasoned Fries",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-potatoes-with-meat-tomato-sauce-with-arugula-greek-salad-table_141793-2841.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Signature Wings",
|
||||
price: "$13.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lemon-pepper-near-sauce-chicken_23-2147765434.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Soft Serve",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-creamy-ice-cream_23-2147984243.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tender Box",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303543.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Grab a huge sandwich or a tender box. Everything is made to order."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Chickii Sandwich", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-tasty-toast-sandwiches-with-cheese-ham-inside-plate-with-french-fries-sour-cream_140725-20021.jpg" },
|
||||
{ id: "2", name: "Rice Bowl", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/vegan-salad-with-rice-pickled-kimchi-cabbage-avocado-nori-sesame-bowl_2829-18790.jpg" },
|
||||
{ id: "3", name: "Seasoned Fries", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-potatoes-with-meat-tomato-sauce-with-arugula-greek-salad-table_141793-2841.jpg" }
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Grab a huge sandwich or a tender box. Everything is made to order."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricCardEleven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
title: "Halal Certified",
|
||||
description: "High-quality, ethically sourced chicken.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-organic-vegetables-with-tasty-rice-cake-meal-grey-rough-concrete-backdrop_23-2148097239.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2x",
|
||||
title: "Larger Portions",
|
||||
description: "Sandwiches bigger than your hand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-organic-vegetables-with-tasty-rice-cake-meal-grey-rough-concrete-backdrop_23-2148097239.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5+",
|
||||
title: "Sauce Options",
|
||||
description: "From sweet to fiery hot.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-organic-vegetables-with-tasty-rice-cake-meal-grey-rough-concrete-backdrop_23-2148097239.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Quality in Every Bite"
|
||||
description="The Chickii commitment to flavor and portion size."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricCardEleven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "100%", title: "Halal Certified", description: "High-quality, ethically sourced chicken.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-organic-vegetables-with-tasty-rice-cake-meal-grey-rough-concrete-backdrop_23-2148097239.jpg" },
|
||||
{ id: "2", value: "2x", title: "Larger Portions", description: "Sandwiches bigger than your hand.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-organic-vegetables-with-tasty-rice-cake-meal-grey-rough-concrete-backdrop_23-2148097239.jpg" },
|
||||
{ id: "3", value: "5+", title: "Sauce Options", description: "From sweet to fiery hot.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-organic-vegetables-with-tasty-rice-cake-meal-grey-rough-concrete-backdrop_23-2148097239.jpg" }
|
||||
]}
|
||||
title="Quality in Every Bite"
|
||||
description="The Chickii commitment to flavor and portion size."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="This is hands down the best chicken sandwich I've ever had. Huge portion, crispy, juicy, and the sauce selection is just phenomenal. Chickii is now our weekly staple!"
|
||||
rating={5}
|
||||
author="Lina M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg",
|
||||
alt: "Lina M",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="This is hands down the best chicken sandwich I've ever had. Huge portion, crispy, juicy, and the sauce selection is just phenomenal. Chickii is now our weekly staple!"
|
||||
rating={5}
|
||||
author="Lina M."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg", alt: "Lina M" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg", alt: "Customer 2" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is your chicken Halal?",
|
||||
content: "Yes, our entire menu is 100% Halal certified.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you have options for kids?",
|
||||
content: "Absolutely! We offer 'No Spice' options tailored for younger palates.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I order online?",
|
||||
content: "Yes, order ahead to save time and ensure your food is hot when you arrive.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Is your chicken Halal?", content: "Yes, our entire menu is 100% Halal certified." },
|
||||
{ id: "2", title: "Do you have options for kids?", content: "Absolutely! We offer 'No Spice' options tailored for younger palates." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "loc",
|
||||
title: "Location",
|
||||
content: "Find us in Glendale. Check Google Maps for the latest hours.",
|
||||
},
|
||||
{
|
||||
id: "hrs",
|
||||
title: "Hours",
|
||||
content: "Open Daily. Check our social media for holiday adjustments.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Ready for your Chickii fix?"
|
||||
ctaDescription="Order online for the fastest service or drop by our location in Glendale."
|
||||
ctaButton={{
|
||||
text: "Order Online Now",
|
||||
href: "#",
|
||||
}}
|
||||
ctaIcon={ArrowRight}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "loc", title: "Location", content: "Find us in Glendale. Check Google Maps for the latest hours." },
|
||||
{ id: "hrs", title: "Hours", content: "Open Daily. Check our social media for holiday adjustments." }
|
||||
]}
|
||||
ctaTitle="Ready for your Chickii fix?"
|
||||
ctaDescription="Order online for the fastest service or drop by our location in Glendale."
|
||||
ctaButton={{ text: "Order Online Now", href: "#" }}
|
||||
ctaIcon={ArrowRight}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Chickii"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Chickii"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user