252 lines
16 KiB
TypeScript
252 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactInline from '@/components/sections/contact/ContactInline';
|
|
import FooterSplit from '@/components/sections/footer/FooterSplit';
|
|
import { Phone, Mail, MapPin } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="neon-glow-border"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="VITALIS"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Premium Supplements NYC"
|
|
bottomRightText="hello@vitalis.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="VITALIS"
|
|
description="Premium supplements crafted with science and care. Elevate your health with formulations designed for New York's most discerning wellness seekers."
|
|
layoutOrder="default"
|
|
imageSrc="https://img.b2bpic.net/free-photo/smiley-scientist-holding-vial_23-2148969946.jpg"
|
|
imageAlt="Premium supplement lab environment"
|
|
frameStyle="card"
|
|
logoLineHeight={1.1}
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAboutCards
|
|
tag="About VITALIS"
|
|
title="Premium Wellness, Locally Crafted"
|
|
description="We believe supplements should be as pure as nature intended. Our products are third-party tested, scientifically formulated, and proudly produced in New York City."
|
|
features={[
|
|
{
|
|
id: "quality-assurance", title: "Uncompromising Quality", description: "Every batch undergoes rigorous testing to ensure potency, purity, and safety. No fillers. No shortcuts. Just pure nutrition.", label: "100% Tested"
|
|
},
|
|
{
|
|
id: "science-backed", title: "Science-Backed Formulas", description: "Developed by certified nutritionists and researchers. Each ingredient selected for maximum bioavailability and efficacy.", label: "Clinical Research"
|
|
}
|
|
]}
|
|
buttons={[{ text: "Our Story", href: "#" }]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Why Choose VITALIS"
|
|
description="Discover the difference premium supplementation makes in your daily wellness routine."
|
|
tag="Features"
|
|
features={[
|
|
{
|
|
title: "Premium Sourced Ingredients", description: "We partner with the world's leading suppliers to source only the finest ingredients for maximum potency and purity.", imageSrc: "https://img.b2bpic.net/free-photo/side-view-female-researcher-with-gloves-laboratory-holding-test-tube_23-2148816345.jpg", imageAlt: "premium supplements organic natural quality"
|
|
},
|
|
{
|
|
title: "Third-Party Verified", description: "Independent laboratory testing ensures every product meets our rigorous standards for quality and safety.", imageSrc: "https://img.b2bpic.net/free-photo/lab-assistant-with-microscope-laboratory-glassware-bulb-with-chemicals_146671-18302.jpg", imageAlt: "laboratory research science testing supplement"
|
|
},
|
|
{
|
|
title: "NYC-Based & Accessible", description: "Located in Manhattan, we're here to serve your wellness needs with expert guidance and fast delivery.", imageSrc: "https://img.b2bpic.net/free-photo/friends-having-fun-shopping-together_23-2149273765.jpg", imageAlt: "new york nyc store local city"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardSeven
|
|
title="Featured Supplements"
|
|
description="Explore our curated collection of premium formulations designed for optimal health and vitality."
|
|
tag="Best Sellers"
|
|
products={[
|
|
{
|
|
id: "1", name: "Premium Whey Protein", price: "$54.99", imageSrc: "https://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150228890.jpg", imageAlt: "Premium whey protein powder"
|
|
},
|
|
{
|
|
id: "2", name: "Daily Multivitamin", price: "$39.99", imageSrc: "https://img.b2bpic.net/free-photo/my-preparing-active-day_329181-7966.jpg", imageAlt: "Daily multivitamin formula"
|
|
},
|
|
{
|
|
id: "3", name: "Omega-3 Complex", price: "$44.99", imageSrc: "https://img.b2bpic.net/free-photo/bananas-is-good-way-healthy-carbs_329181-7978.jpg", imageAlt: "Omega-3 fish oil supplement"
|
|
},
|
|
{
|
|
id: "4", name: "Collagen Peptides", price: "$49.99", imageSrc: "https://img.b2bpic.net/free-photo/side-view-female-boxer-holding-flask-with-copy-space_23-2148426164.jpg", imageAlt: "Premium collagen peptides"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Real Results from Real Customers"
|
|
description="Join thousands of New Yorkers who've transformed their wellness journey with VITALIS."
|
|
tag="Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen, Fitness Coach", date: "Date: 15 January 2025", title: "Transformed my energy levels", quote: "I was skeptical about supplements until I tried VITALIS. Within two weeks, my energy skyrocketed and my recovery time cut in half. Now it's part of my daily routine.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", avatarAlt: "Sarah Chen", imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-women-together-gym_23-2148430244.jpg", imageAlt: "fitness health gym wellness lifestyle"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Rodriguez, CEO", date: "Date: 8 January 2025", title: "Finally supplements I trust", quote: "The quality and transparency from VITALIS is unmatched. I appreciate knowing exactly what I'm putting in my body. Worth every penny.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", avatarAlt: "Michael Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/handsome-blond-athletic-male-two-slim-female-fitness-models-doing-shoulder-exercises-with-dumbbells-gym-club_613910-16313.jpg", imageAlt: "healthy nutrition wellness active lifestyle"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Williams, Athlete", date: "Date: 2 January 2025", title: "Peak performance supplement", quote: "As an athlete, I need supplements I can trust. VITALIS delivers premium formulas that help me train harder and recover faster.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", avatarAlt: "Jessica Williams", imageSrc: "https://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061443.jpg", imageAlt: "athlete sport fitness training gym"
|
|
},
|
|
{
|
|
id: "4", name: "David Kumar, Wellness Consultant", date: "Date: 20 December 2024", title: "The gold standard in NYC", quote: "I recommend VITALIS to all my clients. The science is solid, the ingredients are pristine, and the results speak for themselves.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg", avatarAlt: "David Kumar", imageSrc: "https://img.b2bpic.net/free-photo/girl-playing-fitness-gym_1150-7322.jpg", imageAlt: "yoga wellness health meditation peace"
|
|
},
|
|
{
|
|
id: "5", name: "Amanda Thompson, Nutritionist", date: "Date: 12 December 2024", title: "Professional grade quality", quote: "I've tried countless supplement brands. VITALIS stands apart with their commitment to testing, transparency, and real results.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", avatarAlt: "Amanda Thompson", imageSrc: "https://img.b2bpic.net/free-photo/women-training-together-outdoors_23-2150765114.jpg", imageAlt: "breakfast healthy nutrition food wellness"
|
|
},
|
|
{
|
|
id: "6", name: "James Patterson, Marathon Runner", date: "Date: 5 December 2024", title: "Essential for my training", quote: "Whether it's endurance training or daily wellness, VITALIS supplements have become essential to my routine. Premium quality, consistently.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", avatarAlt: "James Patterson", imageSrc: "https://img.b2bpic.net/free-photo/women-gym-taking-photos_23-2148387806.jpg", imageAlt: "running fitness athlete outdoor sport"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Common Questions"
|
|
sideDescription="Find answers to frequently asked questions about our supplements and services."
|
|
textPosition="left"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Are VITALIS supplements third-party tested?", content: "Yes, every single batch of VITALIS supplements is independently tested by certified third-party laboratories for purity, potency, and contamination. We provide full certificates of analysis for transparency."
|
|
},
|
|
{
|
|
id: "2", title: "How soon will I see results?", content: "Results vary by individual and supplement type. Most customers report noticing improvements within 2-4 weeks of consistent use. For best results, follow recommended dosing and maintain a healthy lifestyle."
|
|
},
|
|
{
|
|
id: "3", title: "Do you ship outside New York?", content: "Absolutely! We ship throughout the United States with fast, reliable delivery. Orders typically arrive within 3-5 business days. We also offer local pickup at our Manhattan location."
|
|
},
|
|
{
|
|
id: "4", title: "Are your supplements vegan and allergen-free?", content: "We offer a wide range of products to fit different dietary needs. Many of our formulas are vegan-friendly. Each product clearly lists all ingredients and potential allergens. Check individual product pages or contact us for specific dietary requirements."
|
|
},
|
|
{
|
|
id: "5", title: "Can I take multiple VITALIS supplements together?", content: "Yes, our supplements are carefully formulated to work well together without negative interactions. However, we recommend consulting with our nutritionist team for personalized supplement stacking advice based on your goals."
|
|
},
|
|
{
|
|
id: "6", title: "What's your return policy?", content: "We offer a 100% satisfaction guarantee. If you're not happy with your purchase for any reason, return it within 60 days for a full refund—no questions asked."
|
|
}
|
|
]}
|
|
animationType="smooth"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactInline
|
|
text="Ready to elevate your wellness?"
|
|
inputPlaceholder="Enter your email for exclusive offers"
|
|
buttonText="Subscribe"
|
|
animationType="background-highlight"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSplit
|
|
logoText="VITALIS"
|
|
title="Premium supplements for the discerning New Yorker"
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "Protein & Amino Acids", href: "#" },
|
|
{ label: "Vitamins & Minerals", href: "#" },
|
|
{ label: "Omega & Fish Oil", href: "#" },
|
|
{ label: "Beauty & Collagen", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Our Story", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "#" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Disclaimer", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
contactItems={[
|
|
{
|
|
icon: Phone,
|
|
value: "(212) 555-0147", href: "tel:+12125550147"
|
|
},
|
|
{
|
|
icon: Mail,
|
|
value: "hello@vitalis.com", href: "mailto:hello@vitalis.com"
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
value: "Manhattan, New York"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |