export const products = [ { id: 1, name: "Rose Plant", category: "Flowers", price: 299, image: "/plants/rose.jpg", description: "Beautiful blooming rose plant. Perfect for your garden.", platforms: ["Amazon", "Flipkart", "Meesho"] }, { id: 2, name: "Mango Plant", category: "Fruits", price: 399, image: "/plants/mango.jpg", description: "Healthy mango sapling, ready to plant.", platforms: ["Amazon", "Flipkart", "ShopClues"] }, { id: 3, name: "Tulsi Plant", category: "Medicinal", price: 149, image: "/plants/tulsi.jpg", description: "Sacred Tulsi plant for health and wellness.", platforms: ["Amazon", "IndiaMart", "Snapdeal"] }, { id: 4, name: "Snake Plant", category: "Indoor", price: 249, image: "/plants/snake.jpg", description: "Air-purifying indoor snake plant.", platforms: ["Amazon", "Flipkart", "Jio Mart"] }, { id: 5, name: "Aloe Vera", category: "Medicinal", price: 199, image: "/plants/aloe.jpg", description: "Aloe Vera plant for skin and health.", platforms: ["Amazon", "Paytm Mall", "Myntra"] }, { id: 6, name: "Orchid", category: "Rare", price: 599, image: "/plants/orchid.jpg", description: "Exotic rare orchid plant.", platforms: ["Amazon", "Tata Click", "ShopClues"] } ]; export const categories = [ { name: "Flowers", color: "#E91E63" }, { name: "Fruits", color: "#FF9800" }, { name: "Vegetable", color: "#8BC34A" }, { name: "Medicinal", color: "#009688" }, { name: "Outdoor", color: "#3F51B5" }, { name: "Indoor", color: "#607D8B" }, { name: "Rare", color: "#9C27B0" } ]; import React from "react"; export default function Logo({ size = 60 }) { return (

); } import React from "react"; export default function BannerOffer() { return (

); } import React from "react"; import { categories } from "../data/categories"; export default function CategoryButtons({ onSelect }) { return (

{categories.map(cat => ( ))}

); } import React from "react"; export default function ProductCard({ product, onAddToCart }) { return (

{product.name}

{product.category} Plant

₹{product.price}

{product.description}

{product.platforms.map(p => ( {p} ))}

); } import React from "react"; export default function Cart({ cart, onRemove, onCheckout }) { const total = cart.reduce((sum, item) => sum + item.price * item.qty, 0); return (

Your Cart

{cart.length === 0 ? (

Cart is empty.

) : (

{item.name}

Qty: {item.qty}

₹{item.price * item.qty}

)}

Total: ₹{total}

); } import React, { useState } from "react"; export default function Chatbot() { const [open, setOpen] = useState(false); const [messages, setMessages] = useState([ { from: "bot", text: "Hi! 👋 Welcome to Flora Sprout. How can I help you today?" } ]); const [input, setInput] = useState(""); function sendMessage() { if (!input.trim()) return; setMessages([...messages, { from: "user", text: input }]); setTimeout(() => { setMessages(msgs => [ ...msgs, { from: "bot", text: "Thank you for your message! Our team will get back to you soon." } ]); }, 800); setInput(""); } return (

{open && (

Flora Sprout Chatbot

{messages.map((msg, i) => (

{msg.text}

))}

setInput(e.target.value)} onKeyDown={e => e.key === "Enter" && sendMessage()} placeholder="Type your message..." />

)}

); } import React from "react"; export default function SocialLinks() { return (

); } import React from "react"; export default function GooglePayInfo() { return (

Google Pay

+91 89215 46430

Name: Ratheesh J Gomez

); } import React from "react"; export default function MapEmbed({ address }) { // Google Maps embed for the Indian address return (

); } import React, { useState } from "react"; import Logo from "../components/Logo"; import BannerOffer from "../components/BannerOffer"; import CategoryButtons from "../components/CategoryButtons"; import ProductCard from "../components/ProductCard"; import Cart from "../components/Cart"; import Chatbot from "../components/Chatbot"; import SocialLinks from "../components/SocialLinks"; import { products } from "../data/products"; import girlRose from "/girl-rose.png"; export default function Home() { const [selectedCategory, setSelectedCategory] = useState(null); const [cart, setCart] = useState([]); function handleAddToCart(product) { setCart(prev => { const found = prev.find(item => item.id === product.id); if (found) { return prev.map(item => item.id === product.id ? { ...item, qty: item.qty + 1 } : item ); } return [...prev, { ...product, qty: 1 }]; }); } function handleRemoveFromCart(id) { setCart(prev => prev.filter(item => item.id !== id)); } function handleCheckout() { // WhatsApp order message const msg = encodeURIComponent( `Hello Flora Sprout! 🌱\n\nI'd like to order:\n` + cart.map(item => `• ${item.name} x${item.qty} (₹${item.price * item.qty})`).join("\n") + `\n\nTotal: ₹${cart.reduce((sum, item) => sum + item.price * item.qty, 0)}\n\nMy name: ` ); window.open(`https://api.whatsapp.com/send?phone=919496622447&text=${msg}`, "_blank"); } const filteredProducts = selectedCategory ? products.filter(p => p.category === selectedCategory) : products; return (

Flora Sprout Plant Nursery

Established 2000 • Karichara Paalam, Trivandrum, Kerala

2-year-old girl loving and kissing rose flower

Welcome to Flora Sprout

Discover a wide variety of Fruits, Flowers, Medicinal, Indoor, Outdoor, and Rare Plants.
Freshness & Quality Guaranteed!

📍 Karichara Paalam, Trivandrum, Kerala, India

Flora Sprout Plant Nursery Garden

{filteredProducts.map(product => ( ))}

); } import React from "react"; import MapEmbed from "../components/MapEmbed"; import SocialLinks from "../components/SocialLinks"; export default function Contact() { return (

Contact Us

Flora Sprout
Karichara Paalam, Thiruvananthapuram, Kerala, India
Phone: +91 94966 22447
Email: florasprout3@gmail.com

South Africa Address:
123 Green Lane, Cape Town, South Africa

WhatsApp: +91 94966 22447

); } import React from "react"; import Logo from "../components/Logo"; export default function About() { return (

About Flora Sprout

Flora Sprout is a leading plant nursery established in 2000, located at Karichara Paalam, Thiruvananthapuram, Kerala, India. We offer a wide range of fruit, flower, vegetable, medicinal, indoor, outdoor, and rare plants for your home and garden.

Our mission is to bring nature closer to you with the best quality plants and exceptional customer service. We are proud to be present on major e-commerce platforms including Amazon, Flipkart, Meesho, India Mart, Myntra, ShopClues, Snapdeal, Tata Click, Paytm Mall, Jio Mart and more.

CEO: Ratheesh J Gomez

Contact: +91 94966 22447
Email: florasprout3@gmail.com

Indian Address:
Flora Sprout, Karichara Paalam, Thiruvananthapuram, Kerala, India

South Africa Address:
123 Green Lane, Cape Town, South Africa

); } import React from "react"; import GooglePayInfo from "../components/GooglePayInfo"; export default function GooglePay() { return (

); } import React, { useState } from "react"; import { products } from "../data/products"; import ProductCard from "../components/ProductCard"; import CategoryButtons from "../components/CategoryButtons"; import Cart from "../components/Cart"; export default function Shop() { const [selectedCategory, setSelectedCategory] = useState(null); const [cart, setCart] = useState([]); function handleAddToCart(product) { setCart(prev => { const found = prev.find(item => item.id === product.id); if (found) { return prev.map(item => item.id === product.id ? { ...item, qty: item.qty + 1 } : item ); } return [...prev, { ...product, qty: 1 }]; }); } function handleRemoveFromCart(id) { setCart(prev => prev.filter(item => item.id !== id)); } function handleCheckout() { const msg = encodeURIComponent( `Hello Flora Sprout! 🌱\n\nI'd like to order:\n` + cart.map(item => `• ${item.name} x${item.qty} (₹${item.price * item.qty})`).join("\n") + `\n\nTotal: ₹${cart.reduce((sum, item) => sum + item.price * item.qty, 0)}\n\nMy name: ` ); window.open(`https://api.whatsapp.com/send?phone=919496622447&text=${msg}`, "_blank"); } const filteredProducts = selectedCategory ? products.filter(p => p.category === selectedCategory) : products; return (

{filteredProducts.map(product => ( ))}

); } import React from "react"; const platforms = [ { name: "Amazon", url: "https://www.amazon.in/s?k=flora+sprout+plants" }, { name: "Flipkart", url: "https://www.flipkart.com/search?q=flora+sprout+plants" }, { name: "eBay", url: "https://www.ebay.com/sch/i.html?_nkw=flora+sprout+plants" }, { name: "Meesho", url: "https://www.meesho.com/search?q=flora+sprout+plants" }, { name: "India Mart", url: "https://dir.indiamart.com/search.mp?ss=flora+sprout+plants" }, { name: "Myntra", url: "https://www.myntra.com/plants" }, { name: "ShopClues", url: "https://www.shopclues.com/search?q=flora+sprout+plants" }, { name: "Snapdeal", url: "https://www.snapdeal.com/search?keyword=flora+sprout+plants" }, { name: "Tata Click", url: "https://www.tatacliq.com/search/?searchCategory=all&text=flora+sprout+plants" }, { name: "Paytm Mall", url: "https://paytmmall.com/shop/search?q=flora+sprout+plants" }, { name: "Jio Mart", url: "https://www.jiomart.com/search/?text=flora+sprout+plants" } ]; export default function Platforms() { return (

Buy Flora Sprout Plants on Other Platforms

{p.name}

); } import React from "react"; import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom"; import Home from "./pages/Home"; import Shop from "./pages/Shop"; import Contact from "./pages/Contact"; import About from "./pages/About"; import GooglePay from "./pages/GooglePay"; import Platforms from "./pages/Platforms"; function NavBar() { return ( ); } export default function App() { return ( } /> } /> } /> } /> } /> } /> ); } import React from "react"; import { createRoot } from "react-dom/client"; import App from "./App"; import "./index.css"; createRoot(document.getElementById("root")).render(); body { margin: 0; font-family: 'Segoe UI', 'Arial Rounded MT Bold', Arial, sans-serif; background: #F1F8E9; color: #222; } a { color: #388E3C; text-decoration: none; } a:hover { text-decoration: underline; } ::selection { background: #C8E6C9; } Flora Sprout Plant Nursery