Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0c5f94fee4 | |||
| a3800852c9 | |||
| 64fa8d24ad |
163
src/app/page.tsx
163
src/app/page.tsx
@@ -5,13 +5,9 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Leaf, Award, Sparkles, ChefHat, Linkedin, Globe, MapPin, Calendar } from 'lucide-react';
|
||||
import { Flame, ChefHat, MapPin, Utensils } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,79 +15,72 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="soft-shadow"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="fluid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Zenith Botanical"
|
||||
brandName="The Noodles Co."
|
||||
navItems={[
|
||||
{ name: "Our Ethos", id: "about" },
|
||||
{ name: "Collections", id: "cuts" },
|
||||
{ name: "Philosophy", id: "experience" },
|
||||
{ name: "Expert Team", id: "team" },
|
||||
{ name: "Journals", id: "testimonials" },
|
||||
{ name: "Connect", id: "contact" }
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "cuts" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Explore Now", href: "#contact"
|
||||
text: "Order Online", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Botanical Elegance Redefined"
|
||||
description="Step into a world where rare flora meets contemporary design. Zenith Botanical crafts immersive green spaces that breathe life into your interior environments."
|
||||
tag="Est. 2018"
|
||||
tagIcon={Leaf}
|
||||
title="Authentic Asian Fusion in Gwalior"
|
||||
description="Experience the perfect harmony of traditional spice and modern culinary innovation at The Noodles Co. Your go-to destination for authentic Asian delicacies."
|
||||
tag="Flavor Redefined"
|
||||
tagIcon={Flame}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "View Collections", href: "#cuts" },
|
||||
{ text: "Book Consultation", href: "#contact" }
|
||||
{ text: "Explore Menu", href: "#cuts" },
|
||||
{ text: "Find Us", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/room-decor-with-potted-monstera-plant_23-2149428030.jpg", imageAlt: "Lush interior greenery" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bicolor-plant-details_23-2149362217.jpg", imageAlt: "Elegant monstera plant" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929557.jpg", imageAlt: "Modern home forest" }
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIHqQ7fRNk0P3jhU0hGDnGVWkB/uploaded-1777963013798-0d86gnk8.jpg", imageAlt: "Noodle bowl preparation" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIHqQ7fRNk0P3jhU0hGDnGVWkB/uploaded-1777963013798-ycew4obu.jpg", imageAlt: "Fusion dish signature" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Philosophy"
|
||||
tagIcon={Award}
|
||||
title="Living Architecture"
|
||||
description="We believe that plants are more than décor—they are living architecture. By integrating bio-mimicry with artistic design, we create sustainable sanctuaries that enhance well-being and elevate human spaces."
|
||||
tag="Our Journey"
|
||||
tagIcon={ChefHat}
|
||||
title="Culinary Mastery"
|
||||
description="Born in the heart of Gwalior, The Noodles Co. combines generations of Asian cooking wisdom with fresh, local produce to create plates that delight every palate."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Custom Installations" },
|
||||
{ value: "150", title: "Rare Species" }
|
||||
{ value: "15+", title: "Fusion Years" },
|
||||
{ value: "5000+", title: "Happy Diners" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12324.jpg"
|
||||
imageAlt="Botanical design expert working in a nursery"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIHqQ7fRNk0P3jhU0hGDnGVWkB/uploaded-1777963013798-tkxxikhl.jpg"
|
||||
imageAlt="Restaurant ambiance"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cuts" data-section="cuts">
|
||||
<ProductCardTwo
|
||||
title="Curated Botanical Collections"
|
||||
description="Hand-selected rare specimens, groomed for architectural impact and long-term vitality."
|
||||
tag="Featured Specimens"
|
||||
tagIcon={Sparkles}
|
||||
title="Signature Menu Favorites"
|
||||
description="From hand-pulled noodles to crispy stir-fries, explore our curated selection of signature dishes crafted by our expert chefs."
|
||||
tag="Menu Highlights"
|
||||
tagIcon={Utensils}
|
||||
products={[
|
||||
{ id: "1", brand: "Zenith", name: "Variegated Monstera", price: "$450", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bicolor-plant-details_23-2149362164.jpg" },
|
||||
{ id: "2", brand: "Zenith", name: "Orchid Collection", price: "$295", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/flower-close-up_23-2148003009.jpg" },
|
||||
{ id: "3", brand: "Zenith", name: "Rare Bonsai", price: "$800", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-tree_23-2150928793.jpg" }
|
||||
{ id: "1", brand: "The Noodles Co.", name: "Spicy Sichuan Ramen", price: "₹399", rating: 5, reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIHqQ7fRNk0P3jhU0hGDnGVWkB/uploaded-1777963013798-u4kqxz76.jpg" },
|
||||
{ id: "2", brand: "The Noodles Co.", name: "Teriyaki Glazed Udon", price: "₹449", rating: 4, reviewCount: "155", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIHqQ7fRNk0P3jhU0hGDnGVWkB/uploaded-1777963013798-kr1ci5wo.jpg?_wi=1" },
|
||||
{ id: "3", brand: "The Noodles Co.", name: "Vegetable Stir-fry", price: "₹299", rating: 4, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIHqQ7fRNk0P3jhU0hGDnGVWkB/uploaded-1777963013798-kr1ci5wo.jpg?_wi=2" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -100,89 +89,23 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardNineteen
|
||||
title="The Zenith Experience"
|
||||
description="Transforming spaces into living ecosystems with care and precision."
|
||||
tag="Our Process"
|
||||
features={[
|
||||
{ tag: "Design", title: "Tailored Consultations", subtitle: "Space analysis", description: "We study your light and air quality to ensure every plant thrives in its new home.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-making-blueprints_23-2147785477.jpg" },
|
||||
{ tag: "Selection", title: "Handpicked Species", subtitle: "Directly from our nursery", description: "Each specimen undergoes a 3-week acclimatization process before arriving at your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/positive-focused-female-gardener-cutting-sprouts-using-pruner-greenhouse-woman-working-garden-growing-plants-pots-gardening-job-concept_74855-12947.jpg" },
|
||||
{ tag: "Support", title: "Lifelong Guidance", subtitle: "Ongoing wellness", description: "Our subscription app provides real-time care instructions based on the changing seasons.", imageSrc: "http://img.b2bpic.net/free-photo/view-woman-decorating-her-home-with-orchid-flower_23-2151074482.jpg" }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Our Horticultural Artisans"
|
||||
description="Meet the visionaries tending to our growing collection."
|
||||
tag="The Team"
|
||||
members={[
|
||||
{ id: "1", name: "Elena Thorne", role: "Creative Director", description: "A botanist turned designer with a passion for integrating nature into modern concrete landscapes.", imageSrc: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg", socialLinks: [{ icon: Linkedin, url: "#" }] },
|
||||
{ id: "2", name: "Marcus Chen", role: "Lead Curator", description: "Specialist in exotic flora and propagation. Marcus ensures that every leaf meets our strict aesthetic standards.", imageSrc: "http://img.b2bpic.net/free-photo/man-florist-working-green-house_1303-29944.jpg", socialLinks: [{ icon: Globe, url: "#" }] }
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="What Our Patrons Say"
|
||||
description="Transformations that resonate through homes and businesses worldwide."
|
||||
tag="Voices"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jasmine P.", handle: "@urban_garden", testimonial: "Zenith didn't just sell me a plant; they gave me a masterpiece. My home feels alive.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-red-buy-flowers-flower-store_627829-9114.jpg" },
|
||||
{ id: "2", name: "Julian V.", handle: "@modern_office", testimonial: "The installation in our boardroom is the talking point of every meeting. Pure class.", imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31517.jpg" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Plant Wellness Insights"
|
||||
description="Got questions? We have the green answers."
|
||||
tag="Support"
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you ship internationally?", content: "Currently, we serve domestic luxury estates and urban installations only." },
|
||||
{ id: "2", title: "How do I maintain my specimen?", content: "Each purchase includes a digital care card tailored to the specific micro-climate of your home." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/faceless-person-watering-plant_23-2147779012.jpg"
|
||||
mediaPosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Join Us"
|
||||
title="Ready to grow?"
|
||||
description="Subscribe for monthly horticultural tips and early access to rare plant releases."
|
||||
tag="Visit Us"
|
||||
title="Find Us in Gwalior"
|
||||
description="Located in the heart of the city, serving authentic flavors daily. Book a table or order for pickup."
|
||||
tagIcon={MapPin}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Subscribe"
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Zenith"
|
||||
logoText="The Noodles Co."
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Collections", href: "#cuts" }, { label: "Our Team", href: "#team" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] }
|
||||
{ title: "Menu", items: [{ label: "View All", href: "#cuts" }] },
|
||||
{ title: "Information", items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user