Merge version_1 into main #1
@@ -7,135 +7,69 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Subscriptions",
|
||||
id: "/subscriptions",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
]}
|
||||
brandName="JUICE VITALITY"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission"
|
||||
description="Empowering NYC wellness."
|
||||
features={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Our Roots",
|
||||
tags: [
|
||||
"History",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-healthy-drinks-glass-bottles_23-2148890307.jpg",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Our Team",
|
||||
tags: [
|
||||
"Passionate",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-healthy-drinks-glass-bottles_23-2148890304.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why We Start"
|
||||
description="Wellness for everyone."
|
||||
testimonials={[
|
||||
{
|
||||
id: "a3",
|
||||
name: "Alex",
|
||||
role: "Founder",
|
||||
testimonial: "Born in NYC.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105266.jpg",
|
||||
},
|
||||
{
|
||||
id: "a4",
|
||||
name: "Sam",
|
||||
role: "Chef",
|
||||
testimonial: "Freshness first.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-sitting-cafe_1303-14746.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="JUICE VITALITY"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Cleanses",
|
||||
href: "/subscriptions",
|
||||
},
|
||||
{
|
||||
label: "Loyalty",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Juice Vitality NYC. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Subscriptions", id: "/subscriptions" },
|
||||
{ name: "About", id: "/about" },
|
||||
]}
|
||||
brandName="JUICE VITALITY"
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission"
|
||||
description="Empowering NYC wellness."
|
||||
features={[
|
||||
{ id: "a1", title: "Our Roots", tags: ["History"], imageSrc: "http://img.b2bpic.net/free-photo/arrangement-healthy-drinks-glass-bottles_23-2148890307.jpg" },
|
||||
{ id: "a2", title: "Our Team", tags: ["Passionate"], imageSrc: "http://img.b2bpic.net/free-photo/arrangement-healthy-drinks-glass-bottles_23-2148890304.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why We Start"
|
||||
description="Wellness for everyone."
|
||||
testimonials={[
|
||||
{ id: "a3", name: "Alex", role: "Founder", testimonial: "Born in NYC.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105266.jpg" },
|
||||
{ id: "a4", name: "Sam", role: "Chef", testimonial: "Freshness first.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-sitting-cafe_1303-14746.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="JUICE VITALITY"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Menu", href: "/menu" }, { label: "Cleanses", href: "/subscriptions" }, { label: "Loyalty", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "/about" }, { label: "Locations", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Juice Vitality NYC. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,134 +7,71 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Subscriptions",
|
||||
id: "/subscriptions",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
]}
|
||||
brandName="JUICE VITALITY"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Juices"
|
||||
description="Cold-pressed daily."
|
||||
features={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Greens",
|
||||
tags: [
|
||||
"Raw",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-avocado-smoothie_23-2148527286.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Fruits",
|
||||
tags: [
|
||||
"Organic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-healthy-food-immunity-boosting_23-2148890256.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Current Menu"
|
||||
description="Full selection."
|
||||
products={[
|
||||
{
|
||||
id: "m3",
|
||||
name: "Green Glow",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-orange-smoothie-bottle_23-2148555311.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Citrus Zest",
|
||||
price: "$9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-smoothies-table_23-2148527351.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="JUICE VITALITY"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Cleanses",
|
||||
href: "/subscriptions",
|
||||
},
|
||||
{
|
||||
label: "Loyalty",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Juice Vitality NYC. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Subscriptions", id: "/subscriptions" },
|
||||
{ name: "About", id: "/about" },
|
||||
]}
|
||||
brandName="JUICE VITALITY"
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Juices"
|
||||
description="Cold-pressed daily."
|
||||
features={[
|
||||
{ id: "m1", title: "Greens", tags: ["Raw"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-avocado-smoothie_23-2148527286.jpg" },
|
||||
{ id: "m2", title: "Fruits", tags: ["Organic"], imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-healthy-food-immunity-boosting_23-2148890256.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Current Menu"
|
||||
description="Full selection."
|
||||
products={[
|
||||
{ id: "m3", name: "Green Glow", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/front-view-orange-smoothie-bottle_23-2148555311.jpg" },
|
||||
{ id: "m4", name: "Citrus Zest", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/natural-smoothies-table_23-2148527351.jpg" },
|
||||
{ id: "m5", name: "Berry Blast", price: "$11", imageSrc: "http://img.b2bpic.net/free-photo/front-view-blueberries-smoothie-bottle_23-2148555334.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="JUICE VITALITY"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Menu", href: "/menu" }, { label: "Cleanses", href: "/subscriptions" }, { label: "Loyalty", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "/about" }, { label: "Locations", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Juice Vitality NYC. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
407
src/app/page.tsx
407
src/app/page.tsx
@@ -16,310 +16,113 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Subscriptions",
|
||||
id: "/subscriptions",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
]}
|
||||
brandName="JUICE VITALITY"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="JUICE VITALITY"
|
||||
description="Fresh, fast, addictively good. Juice Vitality delivers premium cold-pressed smoothies and açaí bowls crafted for NYC's most discerning wellness seekers. Join 5,000 repeat customers who visit 50 times a year."
|
||||
buttons={[
|
||||
{
|
||||
text: "Build Your Order",
|
||||
href: "/menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821259.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Farm-to-Bottle Integrity",
|
||||
tags: [
|
||||
"Organic",
|
||||
"Raw",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-smoothie-detox-with-kale-avocado-apples-wooden-table_123827-28233.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "NYC Speed, Wellness Quality",
|
||||
tags: [
|
||||
"Efficient",
|
||||
"Luxury",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-blueberries-smoothie-bottle_23-2148555334.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Recurring Wellness Kits",
|
||||
tags: [
|
||||
"Subscription",
|
||||
"Custom",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-citrus-drink_23-2148683553.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Sustainable Practices",
|
||||
tags: [
|
||||
"Eco-Friendly",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lime-smoothie_23-2148569963.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Nutrient Density",
|
||||
tags: [
|
||||
"Healthy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-smoothie-assortment_23-2148545385.jpg",
|
||||
},
|
||||
]}
|
||||
title="Crafted for Vitality"
|
||||
description="Experience nutrition that doesn't sacrifice quality for speed."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Emerald Fuel",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-fruit-juice_140725-6399.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Açaí Berry Gold",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-desserts-with-blueberries-banana-slices_23-2148417437.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ginger Immune Shot",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-drink-bottle-glass_74190-6163.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Blue Spirulina Blend",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowls-with-holi-color-powder-wooden-spoon-painted-background_23-2147949122.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Beet Detox Elixir",
|
||||
price: "$11",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-whole-red-apple-with-juice_114579-43269.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Turmeric Boost",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-summer-cocktail-pina-colada-fresh-summer-drink-concept_185193-109323.jpg",
|
||||
},
|
||||
]}
|
||||
title="Popular Daily Picks"
|
||||
description="Top-tier favorites from our regulars."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$99",
|
||||
subtitle: "3-Day Refresh",
|
||||
features: [
|
||||
"9 Juices",
|
||||
"Guide included",
|
||||
"Daily Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Transformation",
|
||||
price: "$220",
|
||||
subtitle: "7-Day Reset",
|
||||
features: [
|
||||
"21 Juices",
|
||||
"Cleansing Tea",
|
||||
"Expert Coaching",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Ultimate",
|
||||
price: "$420",
|
||||
subtitle: "14-Day Deep Dive",
|
||||
features: [
|
||||
"42 Juices",
|
||||
"Personalized Plan",
|
||||
"Free Delivery",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Beginner",
|
||||
price: "$50",
|
||||
subtitle: "1-Day Detox",
|
||||
features: [
|
||||
"3 Juices",
|
||||
"Quick Start Guide",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Membership",
|
||||
price: "$300/mo",
|
||||
subtitle: "Subscription",
|
||||
features: [
|
||||
"10 Juices Monthly",
|
||||
"Free Delivery",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Juice Cleanses"
|
||||
description="Commit to your best health."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Finance Professional",
|
||||
testimonial: "Juice Vitality is the only way I can get quality greens in my busy schedule.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-modern-man-relaxing-work_23-2148728934.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus C.",
|
||||
role: "Fitness Coach",
|
||||
testimonial: "The post-workout shakes are legendary in my gym community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-runner-holding-bottle-water_23-2149044625.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
role: "Designer",
|
||||
testimonial: "I never miss my morning visit. Consistency and flavor are unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Creative Director",
|
||||
testimonial: "A true NYC gem. The subscription is a lifesaver.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-asian-woman-winning-finish-running-park-saying-yes-lifting-hand-up-triumph_1258-198714.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica M.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "My performance increased so much after starting their 7-day cleanse.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-youngster-with-gadget-classroom_23-2147666808.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by NYC"
|
||||
description="Join our community of over 5,000 repeat wellness enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="JUICE VITALITY"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Cleanses",
|
||||
href: "/subscriptions",
|
||||
},
|
||||
{
|
||||
label: "Loyalty",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Juice Vitality NYC. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Subscriptions", id: "/subscriptions" },
|
||||
{ name: "About", id: "/about" },
|
||||
]}
|
||||
brandName="JUICE VITALITY"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="JUICE VITALITY"
|
||||
description="Fresh, fast, addictively good. Juice Vitality delivers premium cold-pressed smoothies and açaí bowls crafted for NYC's most discerning wellness seekers. Join 5,000 repeat customers who visit 50 times a year."
|
||||
buttons={[{ text: "Build Your Order", href: "/menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821259.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Farm-to-Bottle Integrity", tags: ["Organic", "Raw"], imageSrc: "http://img.b2bpic.net/free-photo/green-smoothie-detox-with-kale-avocado-apples-wooden-table_123827-28233.jpg" },
|
||||
{ id: "f2", title: "NYC Speed, Wellness Quality", tags: ["Efficient", "Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-blueberries-smoothie-bottle_23-2148555334.jpg" },
|
||||
{ id: "f3", title: "Recurring Wellness Kits", tags: ["Subscription", "Custom"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-citrus-drink_23-2148683553.jpg" },
|
||||
{ id: "f4", title: "Sustainable Practices", tags: ["Eco-Friendly"], imageSrc: "http://img.b2bpic.net/free-photo/lime-smoothie_23-2148569963.jpg" },
|
||||
{ id: "f5", title: "Nutrient Density", tags: ["Healthy"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-smoothie-assortment_23-2148545385.jpg" },
|
||||
]}
|
||||
title="Crafted for Vitality"
|
||||
description="Experience nutrition that doesn't sacrifice quality for speed."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Emerald Fuel", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-fruit-juice_140725-6399.jpg" },
|
||||
{ id: "p2", name: "Açaí Berry Gold", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-desserts-with-blueberries-banana-slices_23-2148417437.jpg" },
|
||||
{ id: "p3", name: "Ginger Immune Shot", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-drink-bottle-glass_74190-6163.jpg" },
|
||||
{ id: "p4", name: "Blue Spirulina Blend", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/bowls-with-holi-color-powder-wooden-spoon-painted-background_23-2147949122.jpg" },
|
||||
{ id: "p5", name: "Beet Detox Elixir", price: "$11", imageSrc: "http://img.b2bpic.net/free-photo/sliced-whole-red-apple-with-juice_114579-43269.jpg" },
|
||||
{ id: "p6", name: "Turmeric Boost", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/fresh-summer-cocktail-pina-colada-fresh-summer-drink-concept_185193-109323.jpg" },
|
||||
]}
|
||||
title="Popular Daily Picks"
|
||||
description="Top-tier favorites from our regulars."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Essential", price: "$99", subtitle: "3-Day Refresh", features: ["9 Juices", "Guide included", "Daily Support"] },
|
||||
{ id: "pro", badge: "Transformation", price: "$220", subtitle: "7-Day Reset", features: ["21 Juices", "Cleansing Tea", "Expert Coaching"] },
|
||||
{ id: "enterprise", badge: "Ultimate", price: "$420", subtitle: "14-Day Deep Dive", features: ["42 Juices", "Personalized Plan", "Free Delivery"] },
|
||||
{ id: "starter", badge: "Beginner", price: "$50", subtitle: "1-Day Detox", features: ["3 Juices", "Quick Start Guide"] },
|
||||
{ id: "monthly", badge: "Membership", price: "$300/mo", subtitle: "Subscription", features: ["10 Juices Monthly", "Free Delivery", "Priority Support"] },
|
||||
]}
|
||||
title="Juice Cleanses"
|
||||
description="Commit to your best health."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Finance Professional", testimonial: "Juice Vitality is the only way I can get quality greens in my busy schedule.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-modern-man-relaxing-work_23-2148728934.jpg" },
|
||||
{ id: "t2", name: "Marcus C.", role: "Fitness Coach", testimonial: "The post-workout shakes are legendary in my gym community.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-runner-holding-bottle-water_23-2149044625.jpg" },
|
||||
{ id: "t3", name: "Elena R.", role: "Designer", testimonial: "I never miss my morning visit. Consistency and flavor are unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg" },
|
||||
{ id: "t4", name: "David W.", role: "Creative Director", testimonial: "A true NYC gem. The subscription is a lifesaver.", imageSrc: "http://img.b2bpic.net/free-photo/excited-young-asian-woman-winning-finish-running-park-saying-yes-lifting-hand-up-triumph_1258-198714.jpg" },
|
||||
{ id: "t5", name: "Jessica M.", role: "Entrepreneur", testimonial: "My performance increased so much after starting their 7-day cleanse.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-youngster-with-gadget-classroom_23-2147666808.jpg" },
|
||||
]}
|
||||
title="Loved by NYC"
|
||||
description="Join our community of over 5,000 repeat wellness enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="JUICE VITALITY"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Menu", href: "/menu" }, { label: "Cleanses", href: "/subscriptions" }, { label: "Loyalty", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "/about" }, { label: "Locations", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Juice Vitality NYC. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,139 +7,70 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function SubscriptionsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Subscriptions",
|
||||
id: "/subscriptions",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
]}
|
||||
brandName="JUICE VITALITY"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Membership"
|
||||
description="Wellness delivered."
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Weekly Kits",
|
||||
tags: [
|
||||
"Fresh",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smoothie-with-orange_23-2148555268.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Custom Plans",
|
||||
tags: [
|
||||
"Tailored",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-colorful-smoothies-red-background_23-2148303033.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Choose Plan"
|
||||
description="Save on every bottle."
|
||||
plans={[
|
||||
{
|
||||
id: "s3",
|
||||
badge: "Trial",
|
||||
price: "$40",
|
||||
subtitle: "Starter Kit",
|
||||
features: [
|
||||
"4 Juices",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
badge: "Pro",
|
||||
price: "$150",
|
||||
subtitle: "Monthly",
|
||||
features: [
|
||||
"20 Juices",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="JUICE VITALITY"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Cleanses",
|
||||
href: "/subscriptions",
|
||||
},
|
||||
{
|
||||
label: "Loyalty",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Juice Vitality NYC. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Subscriptions", id: "/subscriptions" },
|
||||
{ name: "About", id: "/about" },
|
||||
]}
|
||||
brandName="JUICE VITALITY"
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Membership"
|
||||
description="Wellness delivered."
|
||||
features={[
|
||||
{ id: "s1", title: "Weekly Kits", tags: ["Fresh"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-smoothie-with-orange_23-2148555268.jpg" },
|
||||
{ id: "s2", title: "Custom Plans", tags: ["Tailored"], imageSrc: "http://img.b2bpic.net/free-photo/three-colorful-smoothies-red-background_23-2148303033.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Choose Plan"
|
||||
description="Save on every bottle."
|
||||
plans={[
|
||||
{ id: "s3", badge: "Trial", price: "$40", subtitle: "Starter Kit", features: ["4 Juices"] },
|
||||
{ id: "s4", badge: "Pro", price: "$150", subtitle: "Monthly", features: ["20 Juices"] },
|
||||
{ id: "s5", badge: "Unlimited", price: "$300", subtitle: "Annual", features: ["Unlimited Juices"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="JUICE VITALITY"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Menu", href: "/menu" }, { label: "Cleanses", href: "/subscriptions" }, { label: "Loyalty", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "/about" }, { label: "Locations", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Juice Vitality NYC. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user