bender/b759e876-37c3-4d4d-8bde-f28cae5c480f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3_1782114050797 into main #2

Merged
bender merged 1 commits from version_3_1782114050797 into main 2026-06-22 07:42:48 +00:00
Conversation 0 Commits 1 Files Changed 8 +183 -111
8 changed files with 183 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/index.css
View File

@@ -5,15 +5,15 @@
:root {
/* @colorThemes/darkTheme/professionalBlue */
--background: #020617;
--card: #0f172a;
--foreground: #f1f5f9;
--primary-cta: #0ea5e9;
--background: #fdfbf7;
--card: #f4f1ea;
--foreground: #2d3748;
--primary-cta: #2f855a;
--primary-cta-text: #ffffff;
--secondary-cta: #334155;
--secondary-cta-text: #f1f5f9;
--accent: #38bdf8;
--background-accent: #0284c7;
--secondary-cta: #e2e8f0;
--secondary-cta-text: #2d3748;
--accent: #4a5568;
--background-accent: #f0fff4;
/* @layout/border-radius/soft */
--radius: 1.5rem;

124
src/pages/HomePage.tsx
View File

@@ -1,116 +1,34 @@
import { Sparkles, Heart, Moon, Flower2 } from "lucide-react";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
import { StyleProvider } from "@/components/ui/StyleProvider";
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
import HeroCenteredLogos from "@/components/sections/hero/HeroCenteredLogos";
import FeaturesMediaCards from "@/components/sections/features/FeaturesMediaCards";
import TestimonialRatingCards from "@/components/sections/testimonial/TestimonialRatingCards";
import FeaturesBorderGlow from "@/components/sections/features/FeaturesBorderGlow";
import FaqSimple from "@/components/sections/faq/FaqSimple";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import ServicesSection from './HomePage/sections/Services';
import ReviewsSection from './HomePage/sections/Reviews';
import WhyUsSection from './HomePage/sections/WhyUs';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage() {
export default function HomePage(): React.JSX.Element {
return (
<StyleProvider heroBackground="none" siteBackground="floatingGradient" buttonVariant="expand">
<StyleProvider heroBackground="none" siteBackground="floatingGradient" buttonVariant="expand">
<SiteBackgroundSlot />
<div id="hero" data-section="hero">
<HeroCenteredLogos
avatarsSrc={[
"http://img.b2bpic.net/free-photo/close-up-sensual-young-woman-looking-aside-smiling-lying-bed-drinking-morning-cup_1258-204253.jpg", "http://img.b2bpic.net/free-photo/smiley-man-enjoying-coffee-outdoor_23-2148289226.jpg", "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7542.jpg"]}
avatarText="Loved by 5,000+ wellness enthusiasts"
title="Wellness Begins With Every Sip."
description="Scientifically inspired herbal blends crafted to support balance, beauty, relaxation, and mindful living."
primaryButton={{ text: "Shop Collection", href: "#services" }}
secondaryButton={{ text: "Discover Your Tea", href: "#why-us" }}
names={["100% Organic Ingredients", "Caffeine-Free Options", "Scientifically Formulated", "Ethically Sourced", "Eco-Friendly Packaging", "Artisan Crafted"]}
imageSrc="http://img.b2bpic.net/free-photo/hot-beverage-made-from-herbs_141793-680.jpg"
/>
</div>
<HeroSection />
<div id="services" data-section="services">
<FeaturesMediaCards
tag="Our Collections"
title="Luxury Wellness Teas"
description="Explore our curated herbal blends, each designed for specific health and wellness goals."
items={[
{
title: "GlucoBalance Tea™ (KSh 3,200)", description: "Supports healthy blood sugar management and metabolic wellness with cinnamon, ginger, and moringa.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-lemon-tea-kettle-white-background-food-color-morning-fruit-breakfast-ceremony-flavor-flower_140725-158836.jpg"
},
{
title: "Sweet Escape Tea™ (KSh 3,200)", description: "Manage sweet cravings and support mindful eating with a satisfying blend of licorice root and hibiscus.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-yoga-indoors_23-2150170671.jpg"
},
{
title: "DreamNest Tea™ (KSh 3,200)", description: "A caffeine-free blend of chamomile and valerian root to encourage relaxation and restful sleep.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-morning-breakfast-with-coffee-macaroon_169016-3573.jpg"
},
{
title: "GlowBloom Tea™ (KSh 3,200)", description: "A beauty-from-within ritual featuring rose petals and butterfly pea flower for radiant skin.", imageSrc: "http://img.b2bpic.net/free-photo/flower-blossoms-with-cup-drink-blue_114579-29168.jpg"
}
]}
/>
</div>
<ServicesSection />
<div id="reviews" data-section="reviews">
<TestimonialRatingCards
tag="Wellness Stories"
title="Hear From Our Community"
description="Experience the transformation through our carefully crafted herbal rituals."
testimonials={[
{
name: "Amina K.", role: "Lifestyle Blogger", quote: "The GlowBloom tea has become an essential part of my morning skincare routine. I feel more radiant than ever.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sensual-young-woman-looking-aside-smiling-lying-bed-drinking-morning-cup_1258-204253.jpg"},
{
name: "Samuel O.", role: "Fitness Coach", quote: "GlucoBalance helps me keep my energy levels steady throughout the day. A total game changer for my metabolism.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-enjoying-coffee-outdoor_23-2148289226.jpg"},
{
name: "Elena V.", role: "Yoga Instructor", quote: "DreamNest is the perfect ending to my day. I finally wake up feeling truly refreshed and peaceful.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7542.jpg"},
]}
/>
</div>
<ReviewsSection />
<div id="why-us" data-section="why-us">
<FeaturesBorderGlow
tag="Our Philosophy"
title="Why Root & Bloom"
description="We combine the wisdom of ancient botanicals with modern nutritional science."
features={[
{ icon: Sparkles, title: "Botanical Purity", description: "Only the finest, ethically sourced herbs in every single blend." },
{ icon: Heart, title: "Mindful Living", description: "Teas designed not just to drink, but to create a moment of pause." },
{ icon: Moon, title: "Science-Backed", description: "Formulated to support real physiological needs, from sugar balance to skin health." },
]}
/>
</div>
<WhyUsSection />
<div id="faq" data-section="faq">
<FaqSimple
tag="Learn More"
title="Frequently Asked Questions"
description="Have questions about our tea blends or wellness philosophy?"
items={[
{
question: "What types of massage do you offer?", answer: "We offer a range of therapies including Swedish, Deep Tissue, Aromatherapy, and Hot Stone massages tailored to your wellness needs."},
{
question: "How long is a typical therapy session?", answer: "Our sessions typically range from 60 to 90 minutes, allowing ample time for relaxation and targeted muscle relief."},
{
question: "Do I need to book in advance?", answer: "Yes, we recommend booking at least 24 hours in advance to secure your preferred time slot and therapist."}
]}
/>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<ContactSplitForm
tag="Get In Touch"
title="Let’s Discuss Your Wellness Journey"
description="Ready to book your massage or therapy session? Call us at +254748774474 or visit us in Nairobi, Kenya."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{ name: "message", placeholder: "Tell us about your wellness goals...", rows: 4, required: true }}
buttonText="Send Message"
imageSrc="https://images.unsplash.com/photo-1544161515-4ab6ce6db874?q=80&w=2070&auto=format&fit=crop"
/>
</div>
<ContactSection />
</StyleProvider>
);
}
}

24
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,24 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<ContactSplitForm
tag="Get In Touch"
title="Let’s Discuss Your Wellness Journey"
description="Ready to book your massage or therapy session? Call us at +254748774474 or visit us in Nairobi, Kenya."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{ name: "message", placeholder: "Tell us about your wellness goals...", rows: 4, required: true }}
buttonText="Send Message"
imageSrc="https://images.unsplash.com/photo-1544161515-4ab6ce6db874?q=80&w=2070&auto=format&fit=crop"
/>
</div>
);
}

25
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,25 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqSimple from "@/components/sections/faq/FaqSimple";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<FaqSimple
tag="Learn More"
title="Frequently Asked Questions"
description="Have questions about our tea blends or wellness philosophy?"
items={[
{
question: "What types of massage do you offer?", answer: "We offer a range of therapies including Swedish, Deep Tissue, Aromatherapy, and Hot Stone massages tailored to your wellness needs."},
{
question: "How long is a typical therapy session?", answer: "Our sessions typically range from 60 to 90 minutes, allowing ample time for relaxation and targeted muscle relief."},
{
question: "Do I need to book in advance?", answer: "Yes, we recommend booking at least 24 hours in advance to secure your preferred time slot and therapist."}
]}
/>
</div>
);
}

23
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,23 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroCenteredLogos from "@/components/sections/hero/HeroCenteredLogos";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<HeroCenteredLogos
avatarsSrc={[
"http://img.b2bpic.net/free-photo/close-up-sensual-young-woman-looking-aside-smiling-lying-bed-drinking-morning-cup_1258-204253.jpg", "http://img.b2bpic.net/free-photo/smiley-man-enjoying-coffee-outdoor_23-2148289226.jpg", "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7542.jpg"]}
avatarText="Loved by 5,000+ wellness enthusiasts"
title="Wellness Begins With Every Sip."
description="Scientifically inspired herbal blends crafted to support balance, beauty, relaxation, and mindful living."
primaryButton={{ text: "Shop Collection", href: "#services" }}
secondaryButton={{ text: "Discover Your Tea", href: "#why-us" }}
names={["100% Organic Ingredients", "Caffeine-Free Options", "Scientifically Formulated", "Ethically Sourced", "Eco-Friendly Packaging", "Artisan Crafted"]}
imageSrc="http://img.b2bpic.net/free-photo/hot-beverage-made-from-herbs_141793-680.jpg"
/>
</div>
);
}

28
src/pages/HomePage/sections/Reviews.tsx Normal file
View File

@@ -0,0 +1,28 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "reviews" section.
import React from 'react';
import TestimonialRatingCards from "@/components/sections/testimonial/TestimonialRatingCards";
export default function ReviewsSection(): React.JSX.Element {
return (
<div id="reviews" data-section="reviews">
<TestimonialRatingCards
tag="Wellness Stories"
title="Hear From Our Community"
description="Experience the transformation through our carefully crafted herbal rituals."
testimonials={[
{
name: "Amina K.", role: "Lifestyle Blogger", quote: "The GlowBloom tea has become an essential part of my morning skincare routine. I feel more radiant than ever.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sensual-young-woman-looking-aside-smiling-lying-bed-drinking-morning-cup_1258-204253.jpg"},
{
name: "Samuel O.", role: "Fitness Coach", quote: "GlucoBalance helps me keep my energy levels steady throughout the day. A total game changer for my metabolism.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-enjoying-coffee-outdoor_23-2148289226.jpg"},
{
name: "Elena V.", role: "Yoga Instructor", quote: "DreamNest is the perfect ending to my day. I finally wake up feeling truly refreshed and peaceful.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7542.jpg"},
]}
/>
</div>
);
}

31
src/pages/HomePage/sections/Services.tsx Normal file
View File

@@ -0,0 +1,31 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "services" section.
import React from 'react';
import FeaturesMediaCards from "@/components/sections/features/FeaturesMediaCards";
export default function ServicesSection(): React.JSX.Element {
return (
<div id="services" data-section="services">
<FeaturesMediaCards
tag="Our Collections"
title="Luxury Wellness Teas"
description="Explore our curated herbal blends, each designed for specific health and wellness goals."
items={[
{
title: "GlucoBalance Tea™ (KSh 3,200)", description: "Supports healthy blood sugar management and metabolic wellness with cinnamon, ginger, and moringa.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-lemon-tea-kettle-white-background-food-color-morning-fruit-breakfast-ceremony-flavor-flower_140725-158836.jpg"
},
{
title: "Sweet Escape Tea™ (KSh 3,200)", description: "Manage sweet cravings and support mindful eating with a satisfying blend of licorice root and hibiscus.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-yoga-indoors_23-2150170671.jpg"
},
{
title: "DreamNest Tea™ (KSh 3,200)", description: "A caffeine-free blend of chamomile and valerian root to encourage relaxation and restful sleep.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-morning-breakfast-with-coffee-macaroon_169016-3573.jpg"
},
{
title: "GlowBloom Tea™ (KSh 3,200)", description: "A beauty-from-within ritual featuring rose petals and butterfly pea flower for radiant skin.", imageSrc: "http://img.b2bpic.net/free-photo/flower-blossoms-with-cup-drink-blue_114579-29168.jpg"
}
]}
/>
</div>
);
}

23
src/pages/HomePage/sections/WhyUs.tsx Normal file
View File

@@ -0,0 +1,23 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "why-us" section.
import React from 'react';
import { Sparkles, Heart, Moon, Flower2 } from "lucide-react";
import FeaturesBorderGlow from "@/components/sections/features/FeaturesBorderGlow";
export default function WhyUsSection(): React.JSX.Element {
return (
<div id="why-us" data-section="why-us">
<FeaturesBorderGlow
tag="Our Philosophy"
title="Why Root & Bloom"
description="We combine the wisdom of ancient botanicals with modern nutritional science."
features={[
{ icon: Sparkles, title: "Botanical Purity", description: "Only the finest, ethically sourced herbs in every single blend." },
{ icon: Heart, title: "Mindful Living", description: "Teas designed not just to drink, but to create a moment of pause." },
{ icon: Moon, title: "Science-Backed", description: "Formulated to support real physiological needs, from sugar balance to skin health." },
]}
/>
</div>
);
}