[V0_FILE]plaintext:file=".gitignore" isMerged="true" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" isMerged="true" # Mushroom business website *Automatically synced with your [v0.dev](https://v0.dev) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/thokozani-buthelezis-projects/v0-mushroom-business-website) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.dev-black?style=for-the-badge)](https://v0.dev/chat/projects/JQCOGKTJBUl) ## Overview This repository will stay in sync with your deployed chats on [v0.dev](https://v0.dev). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.dev](https://v0.dev). ## Deployment Your project is live at: **[https://vercel.com/thokozani-buthelezis-projects/v0-mushroom-business-website](https://vercel.com/thokozani-buthelezis-projects/v0-mushroom-business-website)** ## Build your app Continue building your app on: **[https://v0.dev/chat/projects/JQCOGKTJBUl](https://v0.dev/chat/projects/JQCOGKTJBUl)** ## How It Works 1. Create and modify your project using [v0.dev](https://v0.dev) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]typescriptreact:file="app/gallery/page.tsx" isMerged="true" import Image from "next/image" import Link from "next/link" import { ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { SiteHeader } from "@/components/site-header" import { SiteFooter } from "@/components/site-footer" export const metadata = { title: "Gallery | MYCO-FEEDS", description: "Explore our products, team, mushroom cultivation process, and community activities.", } const galleryItems = [ { src: "/images/grey-oyster-mushrooms.jpg", alt: "Grey oyster mushrooms growing in cultivation bags", caption: "Grey Oyster Mushrooms", span: "md:col-span-2 md:row-span-2", height: "h-64 md:h-full", }, { src: "/images/blue-oyster-growing.jpg", alt: "Blue oyster mushrooms sprouting from grow bag", caption: "Blue Oyster Mushrooms", span: "", height: "h-64", }, { src: "/images/product-packaging.jpg", alt: "MYCO-FEEDS branded mushroom packaging", caption: "Our Branded Packaging", span: "", height: "h-64", }, { src: "/images/customers-kitchen.jpg", alt: "Happy customers with MYCO-FEEDS mushroom products in their kitchen", caption: "Happy Customers", span: "", height: "h-64", }, { src: "/images/customer-handoff.jpg", alt: "Customer receiving fresh mushroom products", caption: "Community Delivery", span: "", height: "h-64", }, { src: "/images/farmer-training.jpg", alt: "Farmer holding mushroom growing block during training session", caption: "Hands-On Training", span: "md:col-span-2", height: "h-64 md:h-80", }, { src: "/images/screenshot-202025-02-28-20100540.png", alt: "DIY Mushroom Growing Kit", caption: "DIY Grow Kit - R200", span: "", height: "h-64", }, { src: "/images/whatsapp-20image-202024-11-15-20at-2019.jpeg", alt: "Fresh oyster mushrooms ready for packaging", caption: "Fresh Harvest", span: "", height: "h-64", }, { src: "/images/whatsapp-20image-202024-10-29-20at-2010.jpeg", alt: "Team members during a training workshop", caption: "Workshop Session", span: "", height: "h-64", }, { src: "/images/whatsapp-20image-202024-12-05-20at-2018.jpeg", alt: "MYCO-FEEDS team in the production facility", caption: "Our Team at Work", span: "md:col-span-2", height: "h-64 md:h-80", }, ] export default function GalleryPage() { return (

{/* Page Header */}

Our Work in Action

Gallery

Explore our products, team, and the communities we serve through sustainable mushroom farming

{/* Gallery Grid */}

{galleryItems.map((item, index) => (

{item.caption}

))}

{/* CTA */}

Want to See More? Visit Us!

Come see our farm in person, attend a training session, or start growing your own mushrooms today.

) } [V0_FILE]css:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { /* Earth tone palette: White, Brown, Black */ --background: 0 0% 98%; --foreground: 30 10% 10%; --card: 0 0% 100%; --card-foreground: 30 10% 10%; --popover: 0 0% 100%; --popover-foreground: 30 10% 10%; /* Rich brown as primary */ --primary: 25 50% 20%; --primary-foreground: 0 0% 98%; /* Light beige/tan as secondary */ --secondary: 30 25% 88%; --secondary-foreground: 30 10% 10%; /* Warm gray muted */ --muted: 30 10% 92%; --muted-foreground: 30 8% 45%; /* Light brown accent */ --accent: 30 30% 85%; --accent-foreground: 30 10% 10%; --destructive: 0 70% 50%; --destructive-foreground: 0 0% 98%; --border: 30 15% 85%; --input: 30 15% 85%; --ring: 25 50% 20%; --radius: 0.75rem; } .dark { /* Dark mode: Inverted earth tones */ --background: 30 10% 8%; --foreground: 0 0% 95%; --card: 30 10% 12%; --card-foreground: 0 0% 95%; --popover: 30 10% 12%; --popover-foreground: 0 0% 95%; /* Lighter brown for dark mode */ --primary: 30 40% 45%; --primary-foreground: 0 0% 98%; --secondary: 30 15% 18%; --secondary-foreground: 0 0% 95%; --muted: 30 15% 15%; --muted-foreground: 30 8% 60%; --accent: 30 20% 25%; --accent-foreground: 0 0% 95%; --destructive: 0 60% 45%; --destructive-foreground: 0 0% 98%; --border: 30 15% 20%; --input: 30 15% 20%; --ring: 30 40% 45%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } html { scroll-behavior: smooth; } /* Enhanced mobile responsiveness */ @media (max-width: 768px) { .container { @apply px-4; } h1 { @apply text-3xl; } h2 { @apply text-2xl; } } @media (max-width: 640px) { h1 { @apply text-2xl; } } [V0_FILE]typescriptreact:file="app/impact/page.tsx" isMerged="true" import Link from "next/link" import { ArrowRight, Recycle, Users, Leaf, Target, Factory, Heart, ShoppingBasket, CheckCircle, TrendingUp } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { SiteHeader } from "@/components/site-header" import { SiteFooter } from "@/components/site-footer" import { ImpactStats } from "@/components/impact-stats" export const metadata = { title: "Our Impact | MYCO-FEEDS", description: "Learn about MYCO-FEEDS mission to address food insecurity and agricultural waste in South Africa through sustainable mushroom farming.", } export default function ImpactPage() { const sdgGoals = [ { id: 1, name: "No Poverty", color: "#E5243B", description: "Our training programs and affordable DIY kits empower communities to generate income through mushroom farming, breaking the cycle of poverty.", impact: "Creating sustainable livelihoods", }, { id: 2, name: "Zero Hunger", color: "#DDA63A", description: "By converting agricultural waste into protein-rich mushrooms, we aim to address food insecurity affecting over 10 million South Africans.", impact: "Nutritious food for all", }, { id: 4, name: "Quality Education", color: "#C5192D", description: "Our comprehensive training programs educate farmers and communities in sustainable agriculture practices and food production.", impact: "Empowering through knowledge", }, { id: 8, name: "Decent Work", color: "#A21942", description: "We create meaningful employment opportunities in local communities while fostering entrepreneurship through our business starter packages.", impact: "Jobs & economic growth", }, { id: 12, name: "Responsible Consumption", color: "#BF8B2E", description: "We transform agricultural waste into valuable food products, promoting a circular economy model that benefits everyone.", impact: "Zero waste production", }, { id: 13, name: "Climate Action", color: "#3F7E44", description: "Our carbon-negative operations help combat climate change by diverting waste from landfills and reducing methane emissions.", impact: "Carbon-negative farming", }, ] const processSteps = [ { icon: Factory, title: "Collect Waste", description: "We source agricultural waste like sugarcane bagasse, sawdust, and crop residues from local farms.", }, { icon: Leaf, title: "Transform", description: "Using our innovative process, we convert waste into nutrient-rich mushroom substrate.", }, { icon: ShoppingBasket, title: "Cultivate", description: "We grow protein-rich oyster mushrooms that mature in just 3-4 weeks.", }, { icon: Heart, title: "Nourish", description: "Our mushrooms provide affordable, nutritious food to communities across South Africa.", }, ] return (

{/* Page Header */}

Our Impact & Mission

Creating Food Security Through Sustainable Innovation

South Africa faces critical challenges: millions of tons of agricultural waste and millions of people affected by food insecurity. At MYCO-FEEDS, we{"'"}re turning these challenges into opportunities.

{/* Impact Stats */} {/* Our Approach */}

Our Approach

How We Create Change

Our innovative model addresses both environmental waste and food insecurity simultaneously

The Problem

10 million tons of agricultural waste is discarded annually in South Africa, while{" "} 10 million people face food insecurity daily.

Our Solution

We convert agricultural waste into substrate for growing protein-rich oyster mushrooms, creating sustainable food sources from what would otherwise pollute our environment.

The Impact

Communities gain sustainable livelihoods, families access nutritious food, and our environment is protected from harmful waste.

{/* Our Process */}

Transforming Waste Into Food Security

Every year, South Africa discards over 10 million tons of agricultural waste while more than 10 million people face food insecurity. We saw a solution hiding in plain sight.

{processSteps.map((step, index) => (

Step {index + 1}

{step.title}

{step.description}

))}

{[ "Zero waste production cycle", "90% less water than traditional farming", "Carbon-negative operations", "Local job creation", "Affordable nutrition source", "Year-round production", ].map((benefit, index) => (

{benefit}

))}

{/* SDG Goals - Text Only */}

Sustainability Commitment

Aligned with the UN Sustainable Development Goals

Our mission directly contributes to 6 of the 17 UN SDGs

{sdgGoals.map((sdg) => (

{sdg.id}

{sdg.name}

{sdg.description}

{sdg.impact}

))}

6 SDGs

Directly Impacted

10M+ Tons

Waste We Aim to Transform

10M+ People

Food Security Addressed

{/* Achievements */}

Our Achievements

Recognition for our innovative and sustainable approach

{[ { title: "Hult Prize On-Campus Winners at DUT", desc: "Recognized for our sustainable business model and social impact", }, { title: "FoodTech Challenge 3.0 Shortlist", desc: "Selected for innovative mushroom-based solutions", }, { title: "JCI Creative Youth Top 10", desc: "Recognized for entrepreneurship and sustainability", }, ].map((award, i) => (

{award.title}

{award.desc}

))}

{/* CTA */}

Be Part of the Solution

Whether you start with a R200 Grow Kit or enroll in our training program, you{"'"}re contributing to South Africa{"'"}s food security while building a sustainable income.

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "MYCO-FEEDS | Sustainable Mushroom Farming - DIY Kits, Training & More", description: "Transform agricultural waste into food security. MYCO-FEEDS offers DIY mushroom grow kits from R200, group training, fresh mushrooms, and business starter packages in South Africa. Nationwide delivery via Courier Guy & PostNet.", generator: 'v0.app' } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]json:file="components.json" isMerged="true" { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": true, "tsx": true, "tailwind": { "config": "", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/impact-stats.tsx" isMerged="true" "use client" import type React from "react" import { useEffect, useState, useRef } from "react" import { Leaf, Users, Recycle, TrendingUp, Target, ArrowRight } from "lucide-react" interface StatProps { value: number suffix: string label: string icon: React.ReactNode delay?: number type?: "problem" | "solution" } function AnimatedStat({ value, suffix, label, icon, delay = 0, type = "problem" }: StatProps) { const [count, setCount] = useState(0) const [isVisible, setIsVisible] = useState(false) const ref = useRef(null) useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setIsVisible(true) observer.disconnect() } }, { threshold: 0.3 }, ) if (ref.current) { observer.observe(ref.current) } return () => observer.disconnect() }, []) useEffect(() => { if (!isVisible) return const timeout = setTimeout(() => { const duration = 2000 const steps = 60 const increment = value / steps let current = 0 const timer = setInterval(() => { current += increment if (current >= value) { setCount(value) clearInterval(timer) } else { setCount(Math.floor(current)) } }, duration / steps) return () => clearInterval(timer) }, delay) return () => clearTimeout(timeout) }, [isVisible, value, delay]) const isProblem = type === "problem" return (

{icon}

{count.toLocaleString()} {suffix}

{label}

) } export function ImpactStats() { return (

The Challenge We're Addressing

South Africa's Crisis Demands Action

These are the urgent challenges facing our nation. At MYCO-FEEDS, we're working every day to turn these problems into opportunities through sustainable mushroom farming.

} delay={0} type="problem" /> } delay={200} type="problem" /> } delay={400} type="problem" /> } delay={600} type="problem" />

Our Mission

Transforming Waste Into Food Security

We're on a mission to address these challenges by converting agricultural waste into nutritious oyster mushrooms, creating sustainable livelihoods while fighting hunger. Every DIY kit sold, every person trained, brings us closer to a food-secure South Africa.

Reduce

Agricultural waste through upcycling

Empower

Communities with sustainable skills

Nourish

Families with nutritious food

) } [V0_FILE]typescriptreact:file="components/site-footer.tsx" isMerged="true" import Link from "next/link" import Image from "next/image" import { Facebook, Instagram, Linkedin, Phone, Mail, MapPin } from "lucide-react" export function SiteFooter() { return ( ) } [V0_FILE]typescriptreact:file="components/site-header.tsx" isMerged="true" "use client" import Link from "next/link" import Image from "next/image" import { usePathname } from "next/navigation" import { ArrowRight, Menu, X } from "lucide-react" import { useState } from "react" import { Button } from "@/components/ui/button" import { cn } from "@/lib/utils" const navLinks = [ { href: "/", label: "Home" }, { href: "/products", label: "Products" }, { href: "/impact", label: "Impact" }, { href: "/gallery", label: "Gallery" }, { href: "/contact", label: "Contact" }, ] export function SiteHeader() { const pathname = usePathname() const [mobileOpen, setMobileOpen] = useState(false) return (

MYCO-FEEDS

{mobileOpen && (

setMobileOpen(false)} className={cn( "block px-4 py-3 rounded-lg text-sm font-medium transition-colors hover:bg-muted", pathname === link.href ? "text-primary bg-primary/5" : "text-muted-foreground", )} > {link.label}
setMobileOpen(false)}>

)}

) } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" 'use client' import * as React from 'react' import { ThemeProvider as NextThemesProvider, type ThemeProviderProps, } from 'next-themes' export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true" import * as React from 'react' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const badgeVariants = cva( 'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', { variants: { variant: { default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80', secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80', destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80', outline: 'text-foreground', }, }, defaultVariants: { variant: 'default', }, }, ) export interface BadgeProps extends React.HTMLAttributes, VariantProps {} function Badge({ className, variant, ...props }: BadgeProps) { return (

) } export { Badge, badgeVariants } [V0_FILE]typescriptreact:file="components/ui/button.tsx" isMerged="true" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const buttonVariants = cva( 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', { variants: { variant: { default: 'bg-primary text-primary-foreground hover:bg-primary/90', destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90', outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground', secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80', ghost: 'hover:bg-accent hover:text-accent-foreground', link: 'text-primary underline-offset-4 hover:underline', }, size: { default: 'h-10 px-4 py-2', sm: 'h-9 rounded-md px-3', lg: 'h-11 rounded-md px-8', icon: 'h-10 w-10', }, }, defaultVariants: { variant: 'default', size: 'default', }, }, ) export interface ButtonProps extends React.ButtonHTMLAttributes, VariantProps { asChild?: boolean } const Button = React.forwardRef( ({ className, variant, size, asChild = false, ...props }, ref) => { const Comp = asChild ? Slot : 'button' return ( ) }, ) Button.displayName = 'Button' export { Button, buttonVariants } [V0_FILE]typescriptreact:file="components/ui/card.tsx" isMerged="true" import * as React from 'react' import { cn } from '@/lib/utils' const Card = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (

)) Card.displayName = 'Card' const CardHeader = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (

)) CardHeader.displayName = 'CardHeader' const CardTitle = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (

)) CardTitle.displayName = 'CardTitle' const CardDescription = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (

)) CardDescription.displayName = 'CardDescription' const CardContent = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (

)) CardContent.displayName = 'CardContent' const CardFooter = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (

)) CardFooter.displayName = 'CardFooter' export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } [V0_FILE]typescript:file="lib/utils.ts" isMerged="true" import { clsx, type ClassValue } from 'clsx' import { twMerge } from 'tailwind-merge' export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } [V0_FILE]javascript:file="next.config.mjs" isMerged="true" /** @type {import('next').NextConfig} */ const nextConfig = { typescript: { ignoreBuildErrors: true, }, images: { unoptimized: true, }, eslint: { ignoreDuringBuilds: true, }, } export default nextConfig [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "build": "next build", "dev": "next dev", "lint": "eslint .", "start": "next start" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@react-email/render": "latest", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.9", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "resend": "6.6.0", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^3.4.17", "typescript": "^5" } } [V0_FILE]javascript:file="postcss.config.mjs" isMerged="true" /** @type {import('postcss-load-config').Config} */ const config = { plugins: { tailwindcss: {}, }, } export default config [V0_FILE]css:file="styles/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer utilities { .text-balance { text-wrap: balance; } } @layer base { :root { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --background: 0 0% 100%; --foreground: 0 0% 3.9%; --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; --popover: 0 0% 100%; --popover-foreground: 0 0% 3.9%; --primary: 0 0% 9%; --primary-foreground: 0 0% 98%; --secondary: 0 0% 96.1%; --secondary-foreground: 0 0% 9%; --muted: 0 0% 96.1%; --muted-foreground: 0 0% 45.1%; --accent: 0 0% 96.1%; --accent-foreground: 0 0% 9%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --input: 0 0% 89.8%; --ring: 0 0% 3.9%; --chart-1: 12 76% 61%; --chart-2: 173 58% 39%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; --radius: 0.5rem; --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; } .dark { --background: 0 0% 3.9%; --foreground: 0 0% 98%; --card: 0 0% 3.9%; --card-foreground: 0 0% 98%; --popover: 0 0% 3.9%; --popover-foreground: 0 0% 98%; --primary: 0 0% 98%; --primary-foreground: 0 0% 9%; --secondary: 0 0% 14.9%; --secondary-foreground: 0 0% 98%; --muted: 0 0% 14.9%; --muted-foreground: 0 0% 63.9%; --accent: 0 0% 14.9%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 0 0% 14.9%; --input: 0 0% 14.9%; --ring: 0 0% 83.1%; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%; --chart-3: 30 80% 55%; --chart-4: 280 65% 60%; --chart-5: 340 75% 55%; --sidebar-background: 240 5.9% 10%; --sidebar-foreground: 240 4.8% 95.9%; --sidebar-primary: 224.3 76.3% 48%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 240 3.7% 15.9%; --sidebar-accent-foreground: 240 4.8% 95.9%; --sidebar-border: 240 3.7% 15.9%; --sidebar-ring: 217.2 91.2% 59.8%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescript:file="tailwind.config.ts" isMerged="true" import type { Config } from 'tailwindcss' // all in fixtures is set to tailwind v3 as interims solutions const config: Config = { darkMode: ['class'], content: [ './pages/**/*.{js,ts,jsx,tsx,mdx}', './components/**/*.{js,ts,jsx,tsx,mdx}', './app/**/*.{js,ts,jsx,tsx,mdx}', '*.{js,ts,jsx,tsx,mdx}', ], theme: { extend: { colors: { background: 'hsl(var(--background))', foreground: 'hsl(var(--foreground))', card: { DEFAULT: 'hsl(var(--card))', foreground: 'hsl(var(--card-foreground))', }, popover: { DEFAULT: 'hsl(var(--popover))', foreground: 'hsl(var(--popover-foreground))', }, primary: { DEFAULT: 'hsl(var(--primary))', foreground: 'hsl(var(--primary-foreground))', }, secondary: { DEFAULT: 'hsl(var(--secondary))', foreground: 'hsl(var(--secondary-foreground))', }, muted: { DEFAULT: 'hsl(var(--muted))', foreground: 'hsl(var(--muted-foreground))', }, accent: { DEFAULT: 'hsl(var(--accent))', foreground: 'hsl(var(--accent-foreground))', }, destructive: { DEFAULT: 'hsl(var(--destructive))', foreground: 'hsl(var(--destructive-foreground))', }, border: 'hsl(var(--border))', input: 'hsl(var(--input))', ring: 'hsl(var(--ring))', chart: { '1': 'hsl(var(--chart-1))', '2': 'hsl(var(--chart-2))', '3': 'hsl(var(--chart-3))', '4': 'hsl(var(--chart-4))', '5': 'hsl(var(--chart-5))', }, sidebar: { DEFAULT: 'hsl(var(--sidebar-background))', foreground: 'hsl(var(--sidebar-foreground))', primary: 'hsl(var(--sidebar-primary))', 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))', accent: 'hsl(var(--sidebar-accent))', 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))', border: 'hsl(var(--sidebar-border))', ring: 'hsl(var(--sidebar-ring))', }, }, borderRadius: { lg: 'var(--radius)', md: 'calc(var(--radius) - 2px)', sm: 'calc(var(--radius) - 4px)', }, keyframes: { 'accordion-down': { from: { height: '0', }, to: { height: 'var(--radix-accordion-content-height)', }, }, 'accordion-up': { from: { height: 'var(--radix-accordion-content-height)', }, to: { height: '0', }, }, }, animation: { 'accordion-down': 'accordion-down 0.2s ease-out', 'accordion-up': 'accordion-up 0.2s ease-out', }, }, }, plugins: [require('tailwindcss-animate')], } export default config [V0_FILE]json:file="tsconfig.json" isMerged="true" { "compilerOptions": { "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "target": "ES6", "skipLibCheck": true, "strict": true, "noEmit": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "bundler", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "plugins": [ { "name": "next" } ], "paths": { "@/*": ["./*"] } }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], "exclude": ["node_modules"] } [V0_FILE]png:file="public/apple-icon.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/IbCKqe8aOyKCr3C9s15usz/public/apple-icon.png" isMerged="true" [V0_FILE]jpg:file="public/dried-oyster-mushrooms-package.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/Y9rQqzIlF4vTtbTH6Ik6Vr/public/dried-oyster-mushrooms-package.jpg" isMerged="true" [V0_FILE]png:file="public/icon-dark-32x32.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/_NLAIkeVwoL6vEzK2uSXmZ/public/icon-dark-32x32.png" isMerged="true" [V0_FILE]png:file="public/icon-light-32x32.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/DVnRdScnZe8NA9byc6_b4H/public/icon-light-32x32.png" isMerged="true" [V0_FILE]xml:file="public/icon.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/l2-w3jDSPuRqpmK6lDq3GH/public/icon.svg" isMerged="true" [V0_FILE]jpg:file="public/images/blue-oyster-growing.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/ilTvafVZ_BwfBiSb01fcge/public/images/blue-oyster-growing.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/customer-handoff.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/tX_s0Pt_qCTvDJ3T8gQNTg/public/images/customer-handoff.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/customers-kitchen.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/ydWPC8_LtGNmS15P3ka9du/public/images/customers-kitchen.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/farmer-training.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/MGGVnGBzRcvF57KqFlZSEM/public/images/farmer-training.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/grey-oyster-mushrooms.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/SbbitohWL6pEPCxbgfQM6S/public/images/grey-oyster-mushrooms.jpg" isMerged="true" [V0_FILE]xml:file="public/images/mycofeeds-20logo.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/ZREn9MEJwtmyA7VwRsodEl/public/images/mycofeeds-20logo.svg" isMerged="true" [V0_FILE]jpg:file="public/images/product-packaging.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/b9uBRhoapSeypYxSXex7JG/public/images/product-packaging.jpg" isMerged="true" [V0_FILE]png:file="public/images/screenshot-202025-02-28-20100540.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/Dix15GCqXp7ubdKxyDyG4b/public/images/screenshot-202025-02-28-20100540.png" isMerged="true" [V0_FILE]png:file="public/images/sdg-201.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/AgFDYDU41OiI5OUMvpNVnm/public/images/sdg-201.png" isMerged="true" [V0_FILE]png:file="public/images/sdg-2013.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/r3SWEpCYhLQOMW6FXIE0Et/public/images/sdg-2013.png" isMerged="true" [V0_FILE]png:file="public/images/sdg12.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/LxUVENoroa9lTNnGXjbpUu/public/images/sdg12.png" isMerged="true" [V0_FILE]png:file="public/images/sdg2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/ZR9MO4Fzlzyec9_mNHwrPP/public/images/sdg2.png" isMerged="true" [V0_FILE]jpeg:file="public/images/whatsapp-20image-202024-10-29-20at-2010.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/ro5pTO9bIZ2HooQuaNr8g_/public/images/whatsapp-20image-202024-10-29-20at-2010.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/whatsapp-20image-202024-11-15-20at-2019.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/st6s08g36KRvjs-R95_kxS/public/images/whatsapp-20image-202024-11-15-20at-2019.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/whatsapp-20image-202024-12-05-20at-2018.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/0MSR6tymPumiVTLY3iBb3t/public/images/whatsapp-20image-202024-12-05-20at-2018.jpeg" isMerged="true" [V0_FILE]jpg:file="public/mushroom-growing-kit-complete-starter.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/Z5O442yyZ9OQHBrBfinFrW/public/mushroom-growing-kit-complete-starter.jpg" isMerged="true" [V0_FILE]jpg:file="public/mushroom-growing-substrate-sawdust.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/wX6BSrg0a22q7A4CsQL3k5/public/mushroom-growing-substrate-sawdust.jpg" isMerged="true" [V0_FILE]jpg:file="public/mushroom-spawn-bag-grain.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/uzDhr3KXzJzC9d1fLXVThv/public/mushroom-spawn-bag-grain.jpg" isMerged="true" [V0_FILE]jpg:file="public/pink-oyster-mushroom-growing-block.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/OJpov8g5HgIlrgX_LGZeKi/public/pink-oyster-mushroom-growing-block.jpg" isMerged="true" [V0_FILE]png:file="public/placeholder-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/1uv3SMJqY6_jxcFCTgTEak/public/placeholder-logo.png" isMerged="true" [V0_FILE]xml:file="public/placeholder-logo.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/XB_XF8ESrwbAjotfOd5Wmb/public/placeholder-logo.svg" isMerged="true" [V0_FILE]jpg:file="public/placeholder-user.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/ONejAluG3EJATcwwA61bXn/public/placeholder-user.jpg" isMerged="true" [V0_FILE]jpg:file="public/placeholder.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/BlrBc_c6JuPtjsBHFMcNJn/public/placeholder.jpg" isMerged="true" [V0_FILE]xml:file="public/placeholder.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/git-blob/prj_7JvxiYVp35MuDIi7EuEhjaFYoJN1/J0QvC3Vjlpi92ZtRdLC4Mx/public/placeholder.svg" isMerged="true" [V0_FILE]typescriptreact:file="app/contact/page.tsx" isMerged="true" import Link from "next/link" import { Phone, Mail, MapPin, CheckCircle2, Clock, Facebook, Instagram, Linkedin } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { SiteHeader } from "@/components/site-header" import { SiteFooter } from "@/components/site-footer" export const metadata = { title: "Contact Us | MYCO-FEEDS", description: "Get in touch with MYCO-FEEDS for orders, training inquiries, wholesale requests, and consultations.", } export default function ContactPage() { return (

{/* Page Header */}

Get In Touch

Contact Us

Have questions? Want to place an order? Fill out the form below and we{"'"}ll get back to you within 24 hours with personalized recommendations and pricing.

{/* Contact Content */}

{/* Contact Info Sidebar */}

Contact Information

Phone / WhatsApp

076 631 6326

Email

admin@mycofeeds.co.za

Location

21 Buthelezi Rd, Mpumalanga F,
Hammarsdale, KwaZulu-Natal, 3699

Business Hours

Monday - Friday: 8:00 AM - 5:00 PM

Saturday: 8:00 AM - 1:00 PM

Sunday: Closed

What Happens Next?

We review your inquiry within 24 hours
Get personalized product recommendations
Receive detailed pricing and availability
Schedule a call or meeting if needed

{/* Zoho Contact Us Form */}

Gallery

Want to See More? Visit Us!

Creating Food Security Through Sustainable Innovation

How We Create Change

The Problem

Our Solution

The Impact

Transforming Waste Into Food Security

{step.title}

Aligned with the UN Sustainable Development Goals

{sdg.name}

Our Achievements

{award.title}

Be Part of the Solution

South Africa's Crisis Demands Action

Transforming Waste Into Food Security

Contact Us

Contact Information

Phone / WhatsApp

Email

Location

Business Hours

Follow Us

What Happens Next?