Merge version_1 into main #3
223
src/app/page.tsx
223
src/app/page.tsx
@@ -9,6 +9,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import Link from "next/link";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,124 +26,122 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Mystic Salad Co."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Mystic Salad Co."
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Build Your Perfect Salad in Mystic"
|
||||
description="Fresh ingredients. Unlimited toppings. Huge portions. Healthy meals made your way."
|
||||
buttons={[
|
||||
{ text: "Order Online", href: "/contact" },
|
||||
{ text: "View Menu", href: "/menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sliced-cabbage-bell-pepper-cucumber-wooden-kitchen-board-top-view_169016-50121.jpg"
|
||||
imageAlt="fresh custom chopped salad bowl"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Build Your Perfect Salad in Mystic"
|
||||
description="Fresh ingredients. Unlimited toppings. Huge portions. Healthy meals made your way."
|
||||
buttons={[
|
||||
{ text: "Order Online", href: "/contact" },
|
||||
{ text: "View Menu", href: "/menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sliced-cabbage-bell-pepper-cucumber-wooden-kitchen-board-top-view_169016-50121.jpg"
|
||||
imageAlt="fresh custom chopped salad bowl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Unlimited Toppings", description: "Customize your salad exactly how you like it for one simple price.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/composition-fresh-vegetables-blurred-vegetable-garden-background_169016-41675.jpg", imageAlt: "fresh garden vegetables produce" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/choice-fresh-vegetables-market-counter-sale_23-2148209784.jpg", imageAlt: "fresh organic vegetables market" }
|
||||
},
|
||||
{
|
||||
title: "Huge Portions", description: "Generous salads that often make two meals.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegetable-salad-with-tomato-egg-lettuce-plate-with-orange-juice-leaves-with-fork-cloth-black-background_141793-130420.jpg", imageAlt: "generous salad portion bowl" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/delectable-sliced-vegetables-bowl-marble-background_114579-67088.jpg", imageAlt: "healthy plant based salad options" }
|
||||
},
|
||||
{
|
||||
title: "Scenic Location", description: "Enjoy your salad steps from the beautiful Mystic River.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-embankment-walking-sport-amara-dolce-vita-luxury-hotel-alanya-turkey_146671-18737.jpg", imageAlt: "friendly restaurant staff serving" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", imageAlt: "Mystic Connecticut riverfront view" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Why Choose Mystic Salad Company"
|
||||
description="We bring fresh, local flavors to every bowl."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={false}
|
||||
title="Why Choose Mystic Salad Company"
|
||||
description="We bring fresh, local flavors to every bowl."
|
||||
features={[
|
||||
{
|
||||
title: "Unlimited Toppings", description: "Customize your salad exactly how you like it for one simple price.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/composition-fresh-vegetables-blurred-vegetable-garden-background_169016-41675.jpg", imageAlt: "fresh garden vegetables produce" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/choice-fresh-vegetables-market-counter-sale_23-2148209784.jpg", imageAlt: "fresh organic vegetables market" }
|
||||
},
|
||||
{
|
||||
title: "Huge Portions", description: "Generous salads that often make two meals.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegetable-salad-with-tomato-egg-lettuce-plate-with-orange-juice-leaves-with-fork-cloth-black-background_141793-130420.jpg", imageAlt: "generous salad portion bowl" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/delectable-sliced-vegetables-bowl-marble-background_114579-67088.jpg", imageAlt: "healthy plant based salad options" }
|
||||
},
|
||||
{
|
||||
title: "Scenic Location", description: "Enjoy your salad steps from the beautiful Mystic River.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-embankment-walking-sport-amara-dolce-vita-luxury-hotel-alanya-turkey_146671-18737.jpg", imageAlt: "friendly restaurant staff serving" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", imageAlt: "Mystic Connecticut riverfront view" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elizabeth F.", role: "Local", company: "Mystic resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", imageAlt: "happy customer eating salad portrait" },
|
||||
{ id: "2", name: "Emy U.", role: "Visitor", company: "Tourist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg", imageAlt: "woman enjoying healthy lunch" },
|
||||
{ id: "3", name: "Douglas", role: "Local", company: "Mystic resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-holding-bowls_23-2148965339.jpg", imageAlt: "man smiling healthy lunch bowl" },
|
||||
{ id: "4", name: "Zachary S.", role: "Regular", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positve-african-american-woman-with-cheerful-look-being-glad-message-with-friends-uses-modern-cell-phone-sits-cafeteria-eats-delicious-desserts-drinks-cocktail-technology-rest-concept_273609-2382.jpg", imageAlt: "portrait happy lunch customer" },
|
||||
{ id: "5", name: "Kristin B.", role: "Local", company: "Mystic resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "smiling customer fresh meal" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.8", label: "Google Rating" },
|
||||
{ value: "$11", label: "Starting Price" },
|
||||
{ value: "Fresh", label: "Ingredients" },
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="Hear what our community has to say about our bowls."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Loved by Locals"
|
||||
description="Hear what our community has to say about our bowls."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elizabeth F.", role: "Local", company: "Mystic resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", imageAlt: "happy customer eating salad portrait" },
|
||||
{ id: "2", name: "Emy U.", role: "Visitor", company: "Tourist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg", imageAlt: "woman enjoying healthy lunch" },
|
||||
{ id: "3", name: "Douglas", role: "Local", company: "Mystic resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-holding-bowls_23-2148965339.jpg", imageAlt: "man smiling healthy lunch bowl" },
|
||||
{ id: "4", name: "Zachary S.", role: "Regular", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positve-african-american-woman-with-cheerful-look-being-glad-message-with-friends-uses-modern-cell-phone-sits-cafeteria-eats-delicious-desserts-drinks-cocktail-technology-rest-concept_273609-2382.jpg", imageAlt: "portrait happy lunch customer" },
|
||||
{ id: "5", name: "Kristin B.", role: "Local", company: "Mystic resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "smiling customer fresh meal" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.8", label: "Google Rating" },
|
||||
{ value: "$11", label: "Starting Price" },
|
||||
{ value: "Fresh", label: "Ingredients" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How much does a salad cost?", content: "Unlimited toppings start at $11, with additional charges for protein." },
|
||||
{ id: "q2", title: "Are there vegan options?", content: "Yes, with plenty of plant-based ingredients and dressings." },
|
||||
{ id: "q3", title: "Do you offer gluten-free options?", content: "Yes." },
|
||||
{ id: "q4", title: "Do you offer takeout?", content: "Yes, and ordering online is fast and easy." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our salads."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our salads."
|
||||
faqs={[
|
||||
{ id: "q1", title: "How much does a salad cost?", content: "Unlimited toppings start at $11, with additional charges for protein." },
|
||||
{ id: "q2", title: "Are there vegan options?", content: "Yes, with plenty of plant-based ingredients and dressings." },
|
||||
{ id: "q3", title: "Do you offer gluten-free options?", content: "Yes." },
|
||||
{ id: "q4", title: "Do you offer takeout?", content: "Yes, and ordering online is fast and easy." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection layout="default" title="Legal Information" sections={[]} />
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Mystic Salad Co."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Order", items: [
|
||||
{ label: "Order Online", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Mystic Salad Co."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Order", items: [{ label: "Order Online", href: "/contact" }],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user