Compare commits
2 Commits
version_2
...
version_3_
| Author | SHA1 | Date | |
|---|---|---|---|
| a342992852 | |||
| 1cb42205d4 |
335
src/app/page.tsx
335
src/app/page.tsx
@@ -2,225 +2,154 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Coffee, Music } from "lucide-react";
|
||||
import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
|
||||
import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import FeaturesRevealCardsBentoSharp from '@/components/sections/features/FeaturesRevealCardsBentoSharp';
|
||||
import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards';
|
||||
import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import ContactSplitFormSharp from '@/components/sections/contact/ContactSplitFormSharp';
|
||||
import FooterSimpleReveal from '@/components/sections/footer/FooterSimpleReveal';
|
||||
import { Dumbbell, Users, Target, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function GymLandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
defaultButtonVariant="shadow"
|
||||
defaultTextAnimation="fade-up"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="#0a0a0a"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The OG Bengaluru Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav">
|
||||
<NavbarFloatingLogo
|
||||
logo="BODY BUILD"
|
||||
navItems={[
|
||||
{ name: "Home", href: "#hero" },
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Programs", href: "#programs" },
|
||||
{ name: "Trainers", href: "#trainers" },
|
||||
{ name: "Pricing", href: "#pricing" },
|
||||
{ name: "Contact", href: "#contact" }
|
||||
]}
|
||||
ctaButton={{ text: "Join Now", href: "#pricing" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="The OG Bengaluru Cafe"
|
||||
description="Where tradition meets the perfect brew. Celebrating the heartbeat of Bengaluru's timeless cafe culture since inception."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg"
|
||||
imageAlt="Heritage cafe exterior in Bengaluru"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero">
|
||||
<HeroOverlayMarquee
|
||||
tag="Welcome to Body Build"
|
||||
title="Transform Your Body, Transform Your Life"
|
||||
description="Expert guidance, state-of-the-art equipment, and a community dedicated to your fitness goals."
|
||||
primaryButton={{ text: "Get Started", href: "#contact" }}
|
||||
secondaryButton={{ text: "Our Programs", href: "#programs" }}
|
||||
items={[
|
||||
{ text: "Strength Training", icon: Dumbbell },
|
||||
{ text: "Elite Trainers", icon: Users },
|
||||
{ text: "Goal Oriented", icon: Target },
|
||||
{ text: "High Intensity", icon: Zap }
|
||||
]}
|
||||
imageSrc="https://images.unsplash.com/photo-1534438327276-14e5300c3a48?q=80&w=2070"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Taste"
|
||||
description="We don't just serve coffee; we serve memories of a bygone Bengaluru. Our heritage recipes and authentic filter coffee are crafted to transport you back to the golden days."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Artisan Roasts", description: "Locally sourced beans roasted with care."},
|
||||
{
|
||||
title: "Heritage Recipes", description: "Authentic flavors passed down through generations."},
|
||||
{
|
||||
title: "Timeless Vibe", description: "The perfect corner to pause, read, and reflect."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-coffee-beans-spoons_23-2148255015.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="About Us"
|
||||
title="More Than Just a Gym"
|
||||
description="With over 10 years of experience, we have helped thousands achieve their health goals. Our facility features modern equipment, a supportive community, and expert-led training programs."
|
||||
items={[
|
||||
{ icon: "check", title: "10+ Years Experience", description: "Proven track record of success." },
|
||||
{ icon: "users", title: "5000+ Members", description: "Join our growing fitness family." },
|
||||
{ icon: "award", title: "Certified Trainers", description: "Expert guidance every step of the way." }
|
||||
]}
|
||||
imageSrc="https://images.unsplash.com/photo-1540497077202-7c8a3994ada6?q=80&w=2070"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Brews", description: "Filter coffee unlike any other.", bentoComponent: "reveal-icon", icon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Cozy Seating", description: "Nooks for every storyteller.", bentoComponent: "reveal-icon", icon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Local Culture", description: "Events honoring the city's spirit.", bentoComponent: "reveal-icon", icon: Music,
|
||||
},
|
||||
]}
|
||||
title="Our Experience"
|
||||
description="Discover what makes our space the soul of the city."
|
||||
/>
|
||||
</div>
|
||||
<div id="programs">
|
||||
<FeaturesRevealCardsBentoSharp
|
||||
tag="Our Services"
|
||||
title="Programs for Every Goal"
|
||||
items={[
|
||||
{ title: "Strength", description: "Build lean muscle mass.", href: "#", imageSrc: "https://images.unsplash.com/photo-1583454110551-21f2fa2afe61?q=80&w=1000" },
|
||||
{ title: "Cardio", description: "Improve heart health.", href: "#", imageSrc: "https://images.unsplash.com/photo-1538805060514-97d9cc17730c?q=80&w=1000" },
|
||||
{ title: "CrossFit", description: "Full body conditioning.", href: "#", imageSrc: "https://images.unsplash.com/photo-1517967964771-e97486e929f6?q=80&w=1000" },
|
||||
{ title: "Yoga", description: "Flexibility and balance.", href: "#", imageSrc: "https://images.unsplash.com/photo-1544367567-0f2fcb009e0b?q=80&w=1000" },
|
||||
{ title: "Personal", description: "1-on-1 coaching.", href: "#", imageSrc: "https://images.unsplash.com/photo-1571019614242-c5c5dee9f50b?q=80&w=1000" },
|
||||
{ title: "Nutrition", description: "Balanced eating plans.", href: "#", imageSrc: "https://images.unsplash.com/photo-1490645935967-10de6ba17061?q=80&w=1000" },
|
||||
{ title: "Recovery", description: "Optimal muscle care.", href: "#", imageSrc: "https://images.unsplash.com/photo-1574680178050-55c6a6a96e0a?q=80&w=1000" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Traditional Filter Coffee", price: "₹60", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-barista-holding-filter-with-coffee_23-2148824414.jpg"},
|
||||
{
|
||||
id: "2", name: "Masala Dosa", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086029.jpg"},
|
||||
{
|
||||
id: "3", name: "Signature Cappuccino", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee_23-2148354694.jpg"},
|
||||
{
|
||||
id: "4", name: "Savory Egg Puff", price: "₹45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-inside-bread-bin-along-with-salt-pepper-pink_140725-24283.jpg"},
|
||||
{
|
||||
id: "5", name: "Bun Butter Jam", price: "₹55", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-coffee-cups_23-2149461710.jpg"},
|
||||
{
|
||||
id: "6", name: "Iced Cold Coffee", price: "₹110", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-yellow-summer-dress-hat-with-cup-coffee-enjoying-sun_343596-6129.jpg"},
|
||||
]}
|
||||
title="The Classics"
|
||||
description="Signature favorites that define our kitchen."
|
||||
/>
|
||||
</div>
|
||||
<div id="trainers">
|
||||
<TeamOverlayCards
|
||||
tag="Our Team"
|
||||
title="Meet Our Experts"
|
||||
members={[
|
||||
{ name: "Alex Power", role: "Strength Coach", imageSrc: "https://images.unsplash.com/photo-1567515004624-7fa9c17e3079?q=80&w=600" },
|
||||
{ name: "Sarah Flex", role: "Yoga Instructor", imageSrc: "https://images.unsplash.com/photo-1594381898411-846e7d193883?q=80&w=600" },
|
||||
{ name: "Mike Cardio", role: "CrossFit Lead", imageSrc: "https://images.unsplash.com/photo-1581009146145-b59950d37e3e?q=80&w=600" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Arjun R.", handle: "@arjun.blr", testimonial: "The best filter coffee in town, period. Takes me back to my childhood visits.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-670.jpg"},
|
||||
{
|
||||
id: "2", name: "Priya S.", handle: "@priyasblr", testimonial: "An incredible heritage feel. Love sitting here with a good book on weekends.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-using-her-phone-touchpad-notebook-while-sitting-her-working-place-cafe-with-cup-coffee_627829-6743.jpg"},
|
||||
{
|
||||
id: "3", name: "Vikram K.", handle: "@vikram_k", testimonial: "Authentic flavors and that classic Bengaluru warmth. Always consistent.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"},
|
||||
{
|
||||
id: "4", name: "Sneha M.", handle: "@sneham", testimonial: "The bun butter jam is nostalgic comfort food at its finest.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-student-woman-reading-her-notes-drinking-coffee-cafe-outdoors-waiting-her-classes-smiling_197531-22628.jpg"},
|
||||
{
|
||||
id: "5", name: "Rahul P.", handle: "@rahulp", testimonial: "A true landmark of the city. The coffee aroma is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-together-bistro-full-shot_23-2149356896.jpg"},
|
||||
]}
|
||||
title="Stories from our Tables"
|
||||
description="What our patrons share about the OG vibe."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing">
|
||||
<PricingSimpleCards
|
||||
tag="Membership"
|
||||
title="Select Your Plan"
|
||||
plans={[
|
||||
{ tag: "Starter", price: "$29", description: "For gym beginners", features: ["Access to basic equipment", "Locker room access"] },
|
||||
{ tag: "Premium", price: "$59", description: "Recommended plan", features: ["Full gym access", "Group classes included", "Personal trainer check-in"] },
|
||||
{ tag: "Elite", price: "$99", description: "For serious athletes", features: ["Unlimited access", "Personalized nutrition", "1-on-1 coaching sessions"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Travel Guide", "Food Reviewers Club", "Bengaluru Heritage Group", "City Best Awards", "Culinary Arts Association"]}
|
||||
title="Loved by the City"
|
||||
description="Recognized for our dedication to heritage cafe culture."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Reviews"
|
||||
title="What Our Members Say"
|
||||
testimonials={[
|
||||
{ name: "John D.", role: "Member", quote: "Body Build completely changed my perspective on fitness!", imageSrc: "https://images.unsplash.com/photo-1633332755192-727a05c4013d?q=80&w=200" },
|
||||
{ name: "Jane S.", role: "Athlete", quote: "Professional equipment and a great environment to train.", imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=200" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Are you open on weekends?", content: "Yes, we are open seven days a week to serve you."},
|
||||
{
|
||||
id: "q2", title: "Do you have parking facilities?", content: "We have limited street-side parking available for our guests."},
|
||||
{
|
||||
id: "q3", title: "Do you accept digital payments?", content: "Absolutely! We accept all major UPI and digital wallets."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact">
|
||||
<ContactSplitFormSharp
|
||||
tag="Get In Touch"
|
||||
title="Start Your Journey"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
buttonText="Send Message"
|
||||
imageSrc="https://images.unsplash.com/photo-1521805103424-d8f8430e8830?q=80&w=1000"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Come Say Hello"
|
||||
description="Drop by for a fresh cup of filter coffee and good company. We are waiting to welcome you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-windows-coral-building-spain_181624-19538.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 The OG Bengaluru Cafe"
|
||||
bottomRightText="Crafted with passion in Bengaluru."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<FooterSimpleReveal
|
||||
brand="BODY BUILD"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Contact", items: [{ label: "info@bodybuild.com" }, { label: "123 Fitness St." }] }
|
||||
]}
|
||||
copyright="© 2024 Body Build. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user