Merge version_1 into main #2
430
src/app/page.tsx
430
src/app/page.tsx
@@ -15,316 +15,146 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Orah Wellness"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Orah Wellness"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Orah Wellness Cafe"
|
||||
description="Nourishing body and mind with organic ingredients, artisan coffee, and a space for quiet connection."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vase-with-dry-wheat-cup-coffee_23-2148879078.jpg?_wi=1",
|
||||
imageAlt: "Orah Cafe Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-coffee-cup_74190-3412.jpg?_wi=1",
|
||||
imageAlt: "Artisan Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-bread-slices-eggs-inside_140725-3698.jpg",
|
||||
imageAlt: "Healthy Bowls",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-breakfast-with-variety-herbs-lemon-strainer-bread-ginger-ingredients_23-2148028228.jpg?_wi=1",
|
||||
imageAlt: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teapots_1339-1080.jpg",
|
||||
imageAlt: "Herbal Teas",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/main-course-restaurant_7939-2359.jpg",
|
||||
imageAlt: "Nutritious Meals",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Orah Wellness Cafe"
|
||||
description="Nourishing body and mind with organic ingredients, artisan coffee, and a space for quiet connection."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vase-with-dry-wheat-cup-coffee_23-2148879078.jpg", imageAlt: "Orah Cafe Atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-coffee-cup_74190-3412.jpg", imageAlt: "Artisan Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/salad-with-bread-slices-eggs-inside_140725-3698.jpg", imageAlt: "Healthy Bowls" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-breakfast-with-variety-herbs-lemon-strainer-bread-ginger-ingredients_23-2148028228.jpg", imageAlt: "Fresh Ingredients" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/teapots_1339-1080.jpg", imageAlt: "Herbal Teas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/main-course-restaurant_7939-2359.jpg", imageAlt: "Nutritious Meals" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="A Sanctuary for Your Wellbeing"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="A Sanctuary for Your Wellbeing"
|
||||
buttons={[{ text: "Learn More", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Matcha Latte",
|
||||
price: "$6",
|
||||
variant: "Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-smoothie-with-straw-table_23-2151986811.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Avocado Super-Green Bowl",
|
||||
price: "$14",
|
||||
variant: "Bowl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-avocado-toast-plate_23-2148891761.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Wild Berry Herbal Tea",
|
||||
price: "$5",
|
||||
variant: "Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strawberry-fresh-smoothie-table_23-2148527326.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Roasted Vegetable Medley",
|
||||
price: "$12",
|
||||
variant: "Meal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-chicken-fillet-with-tomatoes-herbs_140725-6180.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Almond Flour Sourdough",
|
||||
price: "$8",
|
||||
variant: "Baked",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-concept_23-2148578468.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Zesty Cucumber Infusion",
|
||||
price: "$5",
|
||||
variant: "Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-glintwine-with-fruits-spices_114579-17307.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nourishing Menu"
|
||||
description="Hand-crafted treats using locally sourced, seasonal produce."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Signature Matcha Latte", price: "$6", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/green-smoothie-with-straw-table_23-2151986811.jpg" },
|
||||
{ id: "p2", name: "Avocado Super-Green Bowl", price: "$14", variant: "Bowl", imageSrc: "http://img.b2bpic.net/free-photo/close-up-avocado-toast-plate_23-2148891761.jpg" },
|
||||
{ id: "p3", name: "Wild Berry Herbal Tea", price: "$5", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-fresh-smoothie-table_23-2148527326.jpg" },
|
||||
{ id: "p4", name: "Roasted Vegetable Medley", price: "$12", variant: "Meal", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-chicken-fillet-with-tomatoes-herbs_140725-6180.jpg" },
|
||||
{ id: "p5", name: "Almond Flour Sourdough", price: "$8", variant: "Baked", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-concept_23-2148578468.jpg" },
|
||||
{ id: "p6", name: "Zesty Cucumber Infusion", price: "$5", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/glass-glintwine-with-fruits-spices_114579-17307.jpg" },
|
||||
]}
|
||||
title="Nourishing Menu"
|
||||
description="Hand-crafted treats using locally sourced, seasonal produce."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Farm to Table",
|
||||
description: "Fresh produce delivered daily from local partners.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-mixing-salad-ingredients_23-2148794094.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-selfie-cafe_171337-16492.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vase-with-dry-wheat-cup-coffee_23-2148879078.jpg?_wi=2",
|
||||
imageAlt: "chef preparing fresh healthy meal",
|
||||
},
|
||||
{
|
||||
title: "Holistic Healing",
|
||||
description: "Menu crafted by nutritional experts for peak vitality.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-table-holding-fresh-juice-bottle_23-2148784272.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-salad-with-eggs-wooden-board_114579-20846.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-breakfast-with-variety-herbs-lemon-strainer-bread-ginger-ingredients_23-2148028228.jpg?_wi=2",
|
||||
imageAlt: "chef preparing fresh healthy meal",
|
||||
},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "A shared space designed for rest, focus, and connection.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424050.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-coffee-cup_74190-3412.jpg?_wi=2",
|
||||
imageAlt: "chef preparing fresh healthy meal",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Mindful Living"
|
||||
description="Experience food that fuels your soul and respects the earth."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Farm to Table", description: "Fresh produce delivered daily from local partners.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/chef-mixing-salad-ingredients_23-2148794094.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-selfie-cafe_171337-16492.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Holistic Healing", description: "Menu crafted by nutritional experts for peak vitality.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-table-holding-fresh-juice-bottle_23-2148784272.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/tasty-salad-with-eggs-wooden-board_114579-20846.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Community Focus", description: "A shared space designed for rest, focus, and connection.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424050.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
animationType="slide-up"
|
||||
title="Mindful Living"
|
||||
description="Experience food that fuels your soul and respects the earth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Orah has become my go-to place for quiet mornings. The food is incredible, and the staff really cares about wellness."
|
||||
rating={5}
|
||||
author="Elena R., Designer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548679.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-eating-drinks-dieting-concept-positive-curly-haired-woman-drink-healthy-detox-drink-looks-somewhere-has-cheerful-expression-poses-outdoors-enjoys-spare-time-weekend-vegetarian-food_273609-57071.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-666.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-table-with-takeaway-coffee-cup-wooden-table_23-2148148125.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",
|
||||
alt: "Jane",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Orah has become my go-to place for quiet mornings. The food is incredible, and the staff really cares about wellness."
|
||||
rating={5}
|
||||
author="Elena R., Designer"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548679.jpg", alt: "Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/healthy-eating-drinks-dieting-concept-positive-curly-haired-woman-drink-healthy-detox-drink-looks-somewhere-has-cheerful-expression-poses-outdoors-enjoys-spare-time-weekend-vegetarian-food_273609-57071.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-666.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-table-with-takeaway-coffee-cup-wooden-table_23-2148148125.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg", alt: "Jane" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Green Roots",
|
||||
"Organic Bounty",
|
||||
"Farm Harmony",
|
||||
"Mindful Living",
|
||||
"Pure Earth",
|
||||
"Coffee Origins",
|
||||
"Wellness Community",
|
||||
]}
|
||||
title="Proudly Sourcing From"
|
||||
description="We partner with ethical growers to bring you the best."
|
||||
/>
|
||||
</div>
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Green Roots", "Organic Bounty", "Farm Harmony", "Mindful Living", "Pure Earth", "Coffee Origins", "Wellness Community"]}
|
||||
title="Proudly Sourcing From"
|
||||
description="We partner with ethical growers to bring you the best."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Visit us in the heart of the city for a refreshing experience. We look forward to nourishing you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Visit us in the heart of the city for a refreshing experience. We look forward to nourishing you."
|
||||
buttons={[{ text: "Visit Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Our Cafe",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reservation",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ORAH"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Our Cafe", href: "#" }, { label: "Our Mission", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ items: [{ label: "Menu", href: "#" }, { label: "Gallery", href: "#" }, { label: "Reservation", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="ORAH"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user