PK "]i灶== metadata.json{ "name": "Qimat Al Tadawul", "description": "Premium FMCG Wholesale & Distribution in Saudi Arabia. Supplying quality food, beverages, personal care, and household cleaning products to businesses across KSA.", "requestFramePermissions": [], "majorCapabilities": ["MAJOR_CAPABILITY_SERVER_SIDE_GEMINI_API"] } PK "]] .env.example# GEMINI_API_KEY: Required for Gemini AI API calls. # AI Studio automatically injects this at runtime from user secrets. # Users configure this via the Secrets panel in the AI Studio UI. GEMINI_API_KEY="MY_GEMINI_API_KEY" # APP_URL: The URL where this applet is hosted. # AI Studio automatically injects this at runtime with the Cloud Run service URL. # Used for self-referential links, OAuth callbacks, and API endpoints. APP_URL="MY_APP_URL" PK "]@d tsconfig.json{ "compilerOptions": { "target": "ES2022", "experimentalDecorators": true, "useDefineForClassFields": false, "module": "ESNext", "lib": [ "ES2022", "DOM", "DOM.Iterable" ], "skipLibCheck": true, "moduleResolution": "bundler", "isolatedModules": true, "moduleDetection": "force", "allowJs": true, "jsx": "react-jsx", "paths": { "@/*": [ "./*" ] }, "allowImportingTsExtensions": true, "noEmit": true } } PK "]assets/PK "]assets/.aistudio/PK "]7gassets/.aistudio/.gitignore* PK "]MlMM package.json{ "name": "react-example", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite --port=3000 --host=0.0.0.0", "build": "vite build", "preview": "vite preview", "clean": "rm -rf dist server.js", "lint": "tsc --noEmit" }, "dependencies": { "@google/genai": "^2.4.0", "@tailwindcss/vite": "^4.1.14", "@vitejs/plugin-react": "^5.0.4", "lucide-react": "^0.546.0", "react": "^19.0.1", "react-dom": "^19.0.1", "vite": "^6.2.3", "express": "^4.21.2", "dotenv": "^17.2.3", "motion": "^12.23.24" }, "devDependencies": { "@types/node": "^22.14.0", "autoprefixer": "^10.4.21", "esbuild": "^0.25.0", "tailwindcss": "^4.1.14", "tsx": "^4.21.0", "typescript": "~5.8.2", "vite": "^6.2.3", "@types/express": "^4.17.21" } } PK "]src/PK "]&lEE src/index.css@import "tailwindcss"; @keyframes marquee-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } @keyframes marquee-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0%); } } .animate-marquee-left { display: flex; width: max-content; animation: marquee-left 45s linear infinite; } .animate-marquee-right { display: flex; width: max-content; animation: marquee-right 45s linear infinite; } .animate-marquee-left:hover, .animate-marquee-right:hover { animation-play-state: paused; } PK "]=J src/App.tsximport React, { useState, useEffect } from 'react'; import { Header } from './components/Header'; import { Hero } from './components/Hero'; import { AboutSection } from './components/AboutSection'; import { IndustriesSection } from './components/IndustriesSection'; import { ServicesSection } from './components/ServicesSection'; import { WhyChooseUs } from './components/WhyChooseUs'; import { BrandsSection } from './components/BrandsSection'; import { StatsSection } from './components/StatsSection'; import { QuoteSection } from './components/QuoteSection'; import { ContactSection } from './components/ContactSection'; import { Footer } from './components/Footer'; import { QuoteDrawer } from './components/QuoteDrawer'; import { ProductItem, QuoteCartItem } from './types'; import { COMPANY_DETAILS } from './data/mockData'; export default function App() { // Dark Mode State const [darkMode, setDarkMode] = useState(() => { if (typeof window !== 'undefined') { const saved = localStorage.getItem('qt_dark_mode'); return saved ? JSON.parse(saved) : false; } return false; }); // Apply dark class to element useEffect(() => { if (darkMode) { document.documentElement.classList.add('dark'); } else { document.documentElement.classList.remove('dark'); } localStorage.setItem('qt_dark_mode', JSON.stringify(darkMode)); }, [darkMode]); // Active section for header highlighting const [activeSection, setActiveSection] = useState('home'); // Quote Cart Items State const [cartItems, setCartItems] = useState([]); const [isQuoteDrawerOpen, setIsQuoteDrawerOpen] = useState(false); // Cart operations const handleAddToCart = (product: ProductItem) => { setCartItems((prev) => { const existing = prev.find((item) => item.product.id === product.id); if (existing) { return prev.map((item) => item.product.id === product.id ? { ...item, quantity: item.quantity + 1 } : item ); } return [...prev, { product, quantity: 1 }]; }); setIsQuoteDrawerOpen(true); }; const handleUpdateQuantity = (productId: string, quantity: number) => { if (quantity <= 0) { handleRemoveFromCart(productId); return; } setCartItems((prev) => prev.map((item) => (item.product.id === productId ? { ...item, quantity } : item)) ); }; const handleRemoveFromCart = (productId: string) => { setCartItems((prev) => prev.filter((item) => item.product.id !== productId)); }; const handleClearCart = () => { setCartItems([]); }; const isInCart = (productId: string): boolean => { return cartItems.some((item) => item.product.id === productId); }; // Scroll navigation helper const navigateToSection = (sectionId: string) => { setActiveSection(sectionId); const element = document.getElementById(sectionId); if (element) { const yOffset = -80; const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset; window.scrollTo({ top: y, behavior: 'smooth' }); } }; // Schema.org JSON-LD structured data for SEO const jsonLdData = { '@context': 'https://schema.org', '@type': 'WholesaleStore', name: COMPANY_DETAILS.fullName, description: COMPANY_DETAILS.tagline, url: 'https://qimataltadawul.com', telephone: COMPANY_DETAILS.phone, email: COMPANY_DETAILS.email, address: { '@type': 'PostalAddress', streetAddress: '71847, Al Amamrah District', addressLocality: 'Dammam', postalCode: '32415', addressCountry: 'SA', }, geo: { '@type': 'GeoCoordinates', latitude: COMPANY_DETAILS.coordinates.lat, longitude: COMPANY_DETAILS.coordinates.lng, }, openingHours: 'Mo-Su 08:00-18:00', priceRange: '$$$', }; return (
{/* Schema.org Microdata for SEO */} PK "]! src/main.tsximport {StrictMode} from 'react'; import {createRoot} from 'react-dom/client'; import App from './App.tsx'; import './index.css'; createRoot(document.getElementById('root')!).render( , ); PK "]C6vite.config.tsimport tailwindcss from '@tailwindcss/vite'; import react from '@vitejs/plugin-react'; import path from 'path'; import {defineConfig} from 'vite'; export default defineConfig(() => { return { plugins: [react(), tailwindcss()], resolve: { alias: { '@': path.resolve(__dirname, '.'), }, }, server: { // HMR is disabled in AI Studio via DISABLE_HMR env var. // Do not modify—file watching is disabled to prevent flickering during agent edits. hmr: process.env.DISABLE_HMR !== 'true', // Disable file watching when DISABLE_HMR is true to save CPU during agent edits. watch: process.env.DISABLE_HMR === 'true' ? null : {}, }, }; }); PK "]src/components/PK "]AF) src/components/DynamicIcon.tsximport React from 'react'; import { Sparkles, HeartHandshake, Home, Utensils, Coffee, Snowflake, Box, Package, Warehouse, Boxes, Store, ShoppingCart, Building2, Truck, ShieldCheck, TrendingUp, Network, Zap, Layers, Smile, PackageCheck, Users, Grid, Award, Phone, Mail, MapPin, Clock, CheckCircle2, Send, Search, Filter, Plus, Minus, Trash2, ArrowRight, ExternalLink, ChevronDown, ChevronUp, FileText, MessageSquare, Sun, Moon, Menu, X, LucideProps, } from 'lucide-react'; interface DynamicIconProps extends LucideProps { name: string; } export const DynamicIcon: React.FC = ({ name, ...props }) => { switch (name) { case 'Sparkles': return ; case 'HeartHandshake': return ; case 'Home': return ; case 'Utensils': return ; case 'Coffee': return ; case 'Snowflake': return ; case 'Box': return ; case 'Package': return ; case 'Warehouse': return ; case 'Boxes': return ; case 'Store': return ; case 'ShoppingCart': return ; case 'Building2': return ; case 'Truck': return ; case 'ShieldCheck': return ; case 'TrendingUp': return ; case 'Network': return ; case 'Zap': return ; case 'Layers': return ; case 'Smile': return ; case 'PackageCheck': return ; case 'Users': return ; case 'Grid': return ; case 'Award': return ; case 'Phone': return ; case 'Mail': return ; case 'MapPin': return ; case 'Clock': return ; case 'CheckCircle2': return ; case 'Send': return ; case 'Search': return ; case 'Filter': return ; case 'Plus': return ; case 'Minus': return ; case 'Trash2': return ; case 'ArrowRight': return ; case 'ExternalLink': return ; case 'ChevronDown': return ; case 'ChevronUp': return ; case 'FileText': return ; case 'MessageSquare': return ; case 'Sun': return ; case 'Moon': return ; case 'Menu': return ; case 'X': return ; default: return ; } }; PK "]D src/types.tsexport interface ProductCategory { id: string; name: string; nameAr?: string; description: string; iconName: string; image: string; itemCount: string; popularItems: string[]; } export interface ProductItem { id: string; name: string; category: string; brand: string; description: string; unit: string; // e.g. 'Carton (24x500ml)', 'Pallet (48 Cartons)' inStock: boolean; featured?: boolean; image: string; } export interface BrandInfo { id: string; name: string; category: string; description: string; logoText: string; bgColor: string; textColor: string; featured?: boolean; } export interface ServiceItem { id: string; title: string; description: string; iconName: string; features: string[]; } export interface WhyChooseUsFeature { id: string; title: string; description: string; iconName: string; } export interface StatItem { id: string; value: number; suffix: string; label: string; description: string; iconName: string; } export interface QuoteCartItem { product: ProductItem; quantity: number; // in cartons/pallets notes?: string; } export interface QuoteFormData { fullName: string; companyName: string; businessType: string; email: string; phone: string; city: string; estimatedOrderVolume: string; comments: string; } export interface ContactFormData { name: string; email: string; phone: string; company: string; businessType: string; subject: string; message: string; } PK "]c2t/t/src/components/Header.tsximport React, { useState, useEffect } from 'react'; import { COMPANY_DETAILS } from '../data/mockData'; import { DynamicIcon } from './DynamicIcon'; import { Phone, Mail, MapPin, Sun, Moon, Menu, X, ShoppingCart, MessageSquare, Building, Search } from 'lucide-react'; interface HeaderProps { activeSection: string; setActiveSection: (section: string) => void; darkMode: boolean; setDarkMode: (val: boolean) => void; cartCount: number; openQuoteDrawer: () => void; onOpenQuoteModal: () => void; } export const Header: React.FC = ({ activeSection, setActiveSection, darkMode, setDarkMode, cartCount, openQuoteDrawer, onOpenQuoteModal, }) => { const [isScrolled, setIsScrolled] = useState(false); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 20); }; window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); const navItems = [ { id: 'home', label: 'Home' }, { id: 'about', label: 'About Us' }, { id: 'industries', label: 'Industries We Serve' }, { id: 'services', label: 'Services' }, { id: 'brands', label: 'Brands We Deal In' }, { id: 'contact', label: 'Contact' }, ]; const handleNavClick = (id: string) => { setActiveSection(id); setMobileMenuOpen(false); const element = document.getElementById(id); if (element) { const yOffset = -90; const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset; window.scrollTo({ top: y, behavior: 'smooth' }); } }; return (
{/* Top Bar - Contact & Location Quick Info */}
مؤسسة قمه التداول للتجارة | Your Convenient Partner | KSA Wholesale Active
🇸🇦 KSA
{/* Main Sticky Navbar */}
{/* Logo */} {/* Desktop Navigation Links */} {/* Right Action Controls */}
{/* Quote Cart / Inquiries Drawer Button */} {/* Dark Mode Toggle */} {/* Direct Get Quote Button */} {/* Mobile Hamburger Toggle */}
{/* Mobile Slide-down Menu */} {mobileMenuOpen && (
{navItems.map((item) => { const isActive = activeSection === item.id; return ( ); })}
)}
); }; PK "]cx&&src/components/Hero.tsximport React from 'react'; import { motion } from 'motion/react'; import { ShieldCheck, Truck, Award, ArrowRight, Building2, PhoneCall, CheckCircle, PackageSearch } from 'lucide-react'; interface HeroProps { onOpenQuoteModal: () => void; onNavigateToSection: (sectionId: string) => void; } export const Hero: React.FC = ({ onOpenQuoteModal, onNavigateToSection }) => { return (
{/* Background Gradient Overlays */}
{/* Decorative Light Rays & Subtle Grid */}
{/* Main Hero Content Container */}
{/* Left Column: Copy & CTAs */} {/* Top Pill Badge */}
مؤسسة قمة التداول للتجارة | Your Convenient Partner | Qimat Al Tadawul Est. — Dammam, KSA
{/* Headline */}

Wholesale Supplier of Food, Cleaning & Personal Care Brands Across Saudi Arabia

{/* Subheading */}

Qimat Al Tadawul is a trusted wholesale supplier based in Dammam, Saudi Arabia. We supply cleaning products, personal care products, food, beverages, and household essentials from globally recognized brands including Tide, Ariel, Lux, Dove, Dettol, Lifebuoy, Harpic, Clorox, Pantene, Sunsilk, Vaseline, Comfort, Vim, Domestos, Finish, Fairy, and many more.

{/* Feature Highlights Bullets */}
100% Genuine Certified Brand Inventory
Competitive Bulk & Tiered Pricing
Central Dammam Logistics Hub
Temperature-Controlled Express Fleet
{/* Action Buttons */}
{/* Right Column: Hero Quick Inquiry Form / Highlight Card */}

Wholesale Hub

Request stock availability & price sheet

Target Buyers Serviced:
Supermarkets, Hypermarkets, Grocery Stores, Hotels & Corporate Accounts
1000+
Ready SKUs
24-48h
KSA Dispatch
{/* Bottom Key Pillars Banner */}
Dammam HQ & Distribution
Kingdom-Wide Delivery
100% Authentic Wholesale Brands
Competitive B2B Rates
); }; PK "] src/data/PK "]I6e6esrc/data/mockData.tsimport { ProductCategory, ProductItem, BrandInfo, ServiceItem, WhyChooseUsFeature, StatItem } from '../types'; export const COMPANY_DETAILS = { name: 'Qimat Al Tadawul', nameArabic: 'مؤسسة قمة التداول للتجارة', fullName: 'Qimat Al Tadawul Wholesale Supplier & Distribution Co.', fullNameArabic: 'مؤسسة قمة التداول للتجارة', tagline: 'Your Convenient Partner — Wholesale Supplier & Distributor of Cleaning, Personal Care, Household, Food & Beverage Brands in Saudi Arabia', location: '71847, Al Amamrah District, 32415, Dammam, Kingdom of Saudi Arabia', addressShort: 'Al Amamrah District, Dammam 32415, KSA', city: 'Dammam', region: 'Eastern Province', country: 'Kingdom of Saudi Arabia', mobile: '+966 55 713 7508', mobileFormatted: '+966557137508', landline: '+966 13 830 8899', landlineFormatted: '+966138308899', phone: '+966 55 713 7508', phoneFormatted: '+966557137508', whatsapp: '+966 55 713 7508', whatsappNumber: '966557137508', email: 'info@qimataltadawul.com', salesEmail: 'sales@qimataltadawul.com', operatingHours: 'Sun - Thu: 8:00 AM - 6:00 PM | Sat: 9:00 AM - 2:00 PM', crNumber: '2050123984', vatNumber: '310294819200003', googleMapsEmbedUrl: 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3575.892415024227!2d50.1065123!3d26.4358912!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e49fb2a42b15801%3A0x6b490f2307223b20!2sAl%20Amamrah%2C%20Dammam%2032415%2C%20Saudi%20Arabia!5e0!3m2!1sen!2ssa!4v1718000000000!5m2!1sen!2ssa', coordinates: { lat: 26.4358912, lng: 50.1065123 }, }; export const PRODUCT_CATEGORIES: ProductCategory[] = [ { id: 'cleaning-products', name: 'Cleaning Products', description: 'Industrial and surface disinfectants, floor cleaners, multi-surface sprays, and commercial glass cleaning solutions.', iconName: 'Sparkles', image: 'https://images.unsplash.com/photo-1583947215259-38e31be8751f?auto=format&fit=crop&q=80&w=800', itemCount: '180+ Items', popularItems: ['Clorox Bleach', 'Harpic Toilet Cleaner', 'Vim Scourer', 'Domestos Thick Bleach', 'Dettol Disinfectant'], }, { id: 'laundry-detergents', name: 'Laundry Detergents', description: 'Top tier washing powders, concentrated liquid gels, fabric softeners, and laundry stain removers for commercial and retail supply.', iconName: 'PackageCheck', image: 'https://images.unsplash.com/photo-1585842378054-ee2e52f94ba2?auto=format&fit=crop&q=80&w=800', itemCount: '150+ Items', popularItems: ['Tide Powder 9kg', 'Ariel Power Gel', 'Comfort Fabric Conditioner', 'Finish Dishwasher Tabs'], }, { id: 'personal-care', name: 'Personal Care', description: 'Body washing lotions, moisturizing lotions, skin petroleum jelly, anti-aging creams, and hand hygiene washes.', iconName: 'HeartHandshake', image: 'https://images.unsplash.com/photo-1556228720-195a672e8a03?auto=format&fit=crop&q=80&w=800', itemCount: '220+ Items', popularItems: ['Lux Soap', 'Dove Body Wash', 'Vaseline Jelly', 'Lifebuoy Hand Soap'], }, { id: 'beauty-hygiene', name: 'Beauty & Hygiene', description: 'International brand shampoos, hair conditioners, anti-dandruff formulas, soaps, oral hygiene, and cosmetic cotton supplies.', iconName: 'Sparkles', image: 'https://images.unsplash.com/photo-1535585209827-a15fcdbc4c2d?auto=format&fit=crop&q=80&w=800', itemCount: '200+ Items', popularItems: ['Pantene Pro-V', 'Sunsilk Shampoo', 'Fairy Liquids', 'Dove Beauty Bars'], }, { id: 'food-products', name: 'Food Products', description: 'Bulk basmati rice, cooking sunflower & corn oils, canned vegetables & tuna, pasta, spices, and packaged dry groceries.', iconName: 'Utensils', image: 'https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&q=80&w=800', itemCount: '250+ Items', popularItems: ['XL Basmati Rice 10kg', 'Sunflower Cooking Oil', 'Canned Tomato Paste', 'Pasta & Spices'], }, { id: 'beverages', name: 'Beverages', description: 'Bottled mineral water, fruit juices, carbonated soft drinks, instant coffee, tea bags, and energy drinks.', iconName: 'Coffee', image: 'https://images.unsplash.com/photo-1527661591475-527312dd65f5?auto=format&fit=crop&q=80&w=800', itemCount: '160+ Items', popularItems: ['Lipton Yellow Label 200s', 'Nescafe Classic 200g', 'Mineral Water 330ml', 'Fruit Juices 1L'], }, { id: 'household-essentials', name: 'Household Essentials', description: 'Facial tissues, kitchen towels, heavy duty aluminum foil, cling film, trash bags, and daily cleaning sponges.', iconName: 'Box', image: 'https://images.unsplash.com/photo-1610557892470-55d9e80c0bce?auto=format&fit=crop&q=80&w=800', itemCount: '130+ Items', popularItems: ['Facial Tissue 200s', 'Kitchen Towels 6 Rolls', 'Aluminum Foil 45cm', 'Trash Bags 50L'], }, { id: 'hotel-restaurant-supplies', name: 'Hotel & Restaurant Supplies', description: 'Bulk HORECA institutional packs for hotels, restaurants, cafes, and catering operations across Saudi Arabia.', iconName: 'Building2', image: 'https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&q=80&w=800', itemCount: '140+ Items', popularItems: ['Commercial Sanitizers', 'Industrial Dishwashing', 'Bulk Paper Goods', 'Catering Foil & Wraps'], }, ]; export const SAMPLE_PRODUCTS: ProductItem[] = [ // Laundry Detergents { id: 'prod-tide-auto', name: 'Tide Automatic Laundry Detergent Powder Original 9kg', category: 'laundry-detergents', brand: 'Tide', description: 'High-performance washing detergent engineered for commercial laundries, hypermarkets, and retail stores.', unit: 'Carton (2 x 9kg Bags)', inStock: true, featured: true, image: 'https://images.unsplash.com/photo-1585842378054-ee2e52f94ba2?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-ariel-gel', name: 'Ariel Power Gel Concentrated Laundry Liquid Detergent 3L', category: 'laundry-detergents', brand: 'Ariel', description: 'Deep stain removal liquid detergent formula suitable for top and front loading machines.', unit: 'Carton (4 x 3L Bottles)', inStock: true, featured: true, image: 'https://images.unsplash.com/photo-1583947215259-38e31be8751f?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-comfort-fabric', name: 'Comfort Fabric Conditioner Concentrate Flora Soft 3L', category: 'laundry-detergents', brand: 'Comfort', description: 'Long-lasting freshness fabric softener for soft clothes and easy ironing.', unit: 'Carton (4 x 3L Bottles)', inStock: true, featured: true, image: 'https://images.unsplash.com/photo-1582735689369-4fe89db7114c?auto=format&fit=crop&q=80&w=600', }, // Cleaning Products { id: 'prod-clorox-bleach', name: 'Clorox Liquid Regular Bleach Disinfectant 3.78L', category: 'cleaning-products', brand: 'Clorox', description: 'Kills 99.9% of germs and bacteria. Essential for surface sanitization and heavy stain cleaning.', unit: 'Carton (6 x 3.78L Bottles)', inStock: true, featured: true, image: 'https://images.unsplash.com/photo-1584308666744-24d5c474f2ae?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-harpic-cleaner', name: 'Harpic Power Plus Toilet Cleaner Original 750ml', category: 'cleaning-products', brand: 'Harpic', description: 'Thick liquid formula for 10x maximum stain removal and limescale protection.', unit: 'Carton (12 x 750ml Bottles)', inStock: true, image: 'https://images.unsplash.com/photo-1585842378087-94d1bbef4b55?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-vim-cream', name: 'Vim Cream Cleaner Lemon Micro-Crystals 500ml', category: 'cleaning-products', brand: 'Vim', description: 'Multi-purpose surface cream cleaner removing 100% of tough dirt and grease stains.', unit: 'Carton (24 x 500ml Bottles)', inStock: true, image: 'https://images.unsplash.com/photo-1583947215259-38e31be8751f?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-domestos-bleach', name: 'Domestos Extended Power Thick Bleach Disinfectant 750ml', category: 'cleaning-products', brand: 'Domestos', description: 'Unbeatable germ protection thick bleach formula for commercial facility hygiene.', unit: 'Carton (12 x 750ml Bottles)', inStock: true, image: 'https://images.unsplash.com/photo-1584308666744-24d5c474f2ae?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-finish-tabs', name: 'Finish Quantum All-in-One Dishwasher Tablets 50s', category: 'cleaning-products', brand: 'Finish', description: 'Powerball scrubbing technology for sparkling clean cookware in dishwashers.', unit: 'Carton (6 Packs x 50 Tabs)', inStock: true, image: 'https://images.unsplash.com/photo-1585842378054-ee2e52f94ba2?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-fairy-liquid', name: 'Fairy Max Power Lemon Dishwashing Liquid 650ml', category: 'cleaning-products', brand: 'Fairy', description: 'Concentrated grease-cutting dish liquid formula for commercial kitchens and retail.', unit: 'Carton (16 x 650ml Bottles)', inStock: true, image: 'https://images.unsplash.com/photo-1585842378087-94d1bbef4b55?auto=format&fit=crop&q=80&w=600', }, // Personal Care { id: 'prod-lux-soap', name: 'Lux Beauty Bar Soap Soft Rose 170g', category: 'personal-care', brand: 'Lux', description: 'Enriched with SilkEssence and French Rose Oil for smooth, fragrant skin.', unit: 'Carton (48 x 170g Bars)', inStock: true, featured: true, image: 'https://images.unsplash.com/photo-1600857544200-b2f666a9a2ec?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-dove-wash', name: 'Dove Deeply Nourishing Body Wash 500ml', category: 'personal-care', brand: 'Dove', description: 'Sulfate-free body wash with NutriumMoisture technology for softer skin.', unit: 'Carton (12 x 500ml Bottles)', inStock: true, featured: true, image: 'https://images.unsplash.com/photo-1556228720-195a672e8a03?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-dettol-handwash', name: 'Dettol Antibacterial Liquid Hand Wash Skincare 200ml', category: 'personal-care', brand: 'Dettol', description: 'Provides 100% better germ protection with added moisturizers for daily hand hygiene.', unit: 'Carton (24 x 200ml Bottles)', inStock: true, featured: true, image: 'https://images.unsplash.com/photo-1607006344380-b6775a0824a7?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-lifebuoy-soap', name: 'Lifebuoy Total 10 Antibacterial Soap 160g', category: 'personal-care', brand: 'Lifebuoy', description: 'Activ Silver formula designed to fight 99.9% of infection-causing germs in 10 seconds.', unit: 'Carton (48 x 160g Bars)', inStock: true, image: 'https://images.unsplash.com/photo-1584308666744-24d5c474f2ae?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-vaseline-jelly', name: 'Vaseline Petroleum Jelly Original 400ml', category: 'personal-care', brand: 'Vaseline', description: 'Triple-purified hypoallergenic petroleum jelly for skin protection and moisture lock.', unit: 'Carton (24 x 400ml Tubs)', inStock: true, image: 'https://images.unsplash.com/photo-1608248597262-83818e69d300?auto=format&fit=crop&q=80&w=600', }, // Beauty & Hygiene { id: 'prod-pantene-shampoo', name: 'Pantene Pro-V Smooth & Silky Shampoo 400ml', category: 'beauty-hygiene', brand: 'Pantene', description: 'Pro-Vitamin complex locks in moisture for sleek, manageable hair in humid conditions.', unit: 'Carton (12 x 400ml Bottles)', inStock: true, featured: true, image: 'https://images.unsplash.com/photo-1535585209827-a15fcdbc4c2d?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-sunsilk-shampoo', name: 'Sunsilk Soft & Smooth Shampoo Co-Created 400ml', category: 'beauty-hygiene', brand: 'Sunsilk', description: 'Nourishing oil complex formula for silky soft hair from root to tip.', unit: 'Carton (12 x 400ml Bottles)', inStock: true, image: 'https://images.unsplash.com/photo-1535585209827-a15fcdbc4c2d?auto=format&fit=crop&q=80&w=600', }, // Beverages & Foods { id: 'prod-lipton-tea', name: 'Lipton Yellow Label Black Tea Bags 200s', category: 'beverages', brand: 'Lipton', description: 'Selected high-mountain tea leaves carefully blended for rich amber color and uplifting aroma.', unit: 'Carton (12 x 200 Tea Bags)', inStock: true, featured: true, image: 'https://images.unsplash.com/photo-1576092768241-dec231879fc3?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-nescafe-classic', name: 'Nescafe Classic Instant Coffee Jar 200g', category: 'beverages', brand: 'Nescafe', description: '100% pure natural coffee beans medium-dark roasted for full-bodied rich morning flavor.', unit: 'Carton (12 x 200g Jars)', inStock: true, featured: true, image: 'https://images.unsplash.com/photo-1514432324607-a09d9b4aefdd?auto=format&fit=crop&q=80&w=600', }, { id: 'prod-basmati-rice', name: 'Premium XL Long Grain Basmati Rice 10kg', category: 'food-products', brand: 'Qimat Select', description: 'Aromatic aged long-grain basmati rice favored by top hotels, restaurants, and catering services.', unit: 'Pallet (50 x 10kg Bags)', inStock: true, featured: true, image: 'https://images.unsplash.com/photo-1586201375761-83865001e31c?auto=format&fit=crop&q=80&w=600', }, ]; export const BRANDS_LIST: BrandInfo[] = [ { id: 'brand-tide', name: 'Tide', category: 'Laundry Care', description: 'Global leader in laundry detergents and fabric whitening solutions.', logoText: 'TIDE', bgColor: 'bg-amber-500', textColor: 'text-white', featured: true, }, { id: 'brand-ariel', name: 'Ariel', category: 'Laundry Care', description: 'Advanced stain removal powders and concentrated laundry gels.', logoText: 'ARIEL', bgColor: 'bg-emerald-600', textColor: 'text-white', featured: true, }, { id: 'brand-lux', name: 'Lux', category: 'Personal Care', description: 'Iconic beauty soaps and fragrant body washes enriched with essential oils.', logoText: 'LUX', bgColor: 'bg-amber-600', textColor: 'text-white', featured: true, }, { id: 'brand-dove', name: 'Dove', category: 'Personal Care', description: 'Gentle moisturizing bar soaps, body washes, and hair care range.', logoText: 'DOVE', bgColor: 'bg-sky-600', textColor: 'text-white', featured: true, }, { id: 'brand-dettol', name: 'Dettol', category: 'Home & Personal Care', description: 'Trusted antiseptic liquids, antibacterial hand soaps, and surface sprays.', logoText: 'DETTOL', bgColor: 'bg-green-700', textColor: 'text-white', featured: true, }, { id: 'brand-lifebuoy', name: 'Lifebuoy', category: 'Personal Hygiene', description: 'World-renowned antibacterial hygiene soaps and hand sanitizers.', logoText: 'LIFEBUOY', bgColor: 'bg-red-600', textColor: 'text-white', featured: true, }, { id: 'brand-harpic', name: 'Harpic', category: 'Cleaning Products', description: 'Specialized lavatory cleaners, stain removers, and rim blocks.', logoText: 'HARPIC', bgColor: 'bg-indigo-700', textColor: 'text-white', featured: true, }, { id: 'brand-clorox', name: 'Clorox', category: 'Disinfectants', description: 'Industry standard liquid bleach and multi-surface disinfecting wipes.', logoText: 'CLOROX', bgColor: 'bg-blue-700', textColor: 'text-white', featured: true, }, { id: 'brand-pantene', name: 'Pantene', category: 'Hair Care', description: 'Pro-V infused hair repair shampoos, conditioners, and oil replacements.', logoText: 'PANTENE', bgColor: 'bg-amber-700', textColor: 'text-white', featured: true, }, { id: 'brand-sunsilk', name: 'Sunsilk', category: 'Hair Care', description: 'Specialized shampoo formulas crafted for shine, strength, and softness.', logoText: 'SUNSILK', bgColor: 'bg-pink-600', textColor: 'text-white', featured: true, }, { id: 'brand-vaseline', name: 'Vaseline', category: 'Skin Care', description: 'Pure petroleum jelly, healing lotions, and intensive lip care.', logoText: 'VASELINE', bgColor: 'bg-blue-600', textColor: 'text-white', featured: true, }, { id: 'brand-comfort', name: 'Comfort', category: 'Fabric Care', description: 'Premium fabric conditioners and softening rinses.', logoText: 'COMFORT', bgColor: 'bg-indigo-600', textColor: 'text-white', featured: true, }, { id: 'brand-vim', name: 'Vim', category: 'Surface Cleaners', description: 'Deep micro-crystal cream cleaners and abrasive powders.', logoText: 'VIM', bgColor: 'bg-yellow-600', textColor: 'text-white', featured: true, }, { id: 'brand-domestos', name: 'Domestos', category: 'Disinfectants', description: 'Extended power thick bleach for commercial sanitation.', logoText: 'DOMESTOS', bgColor: 'bg-slate-800', textColor: 'text-white', featured: true, }, { id: 'brand-finish', name: 'Finish', category: 'Dishwashing', description: 'Automatic dishwasher tablets, rinse aids, and machine cleaners.', logoText: 'FINISH', bgColor: 'bg-blue-800', textColor: 'text-white', featured: true, }, { id: 'brand-fairy', name: 'Fairy', category: 'Dishwashing', description: 'Ultra concentrated grease-cutting dish liquids and dishwasher pods.', logoText: 'FAIRY', bgColor: 'bg-emerald-700', textColor: 'text-white', featured: true, }, ]; export const SERVICES_LIST: ServiceItem[] = [ { id: 'service-wholesale', title: 'Wholesale Supply & Distribution', description: 'Direct bulk sourcing of cleaning, personal care, household, and food & beverage products directly from authorized brand manufacturers and master distributors.', iconName: 'Warehouse', features: [ 'Guaranteed 100% authentic products', 'Consistent stock availability in Dammam hub', 'Competitive wholesale tier pricing', 'Flexible credit & payment terms for verified partners', ], }, { id: 'service-bulk-orders', title: 'Bulk Orders', description: 'Customized container-load and pallet-level procurement tailored to commercial buyers, exporters, and large retail chains.', iconName: 'Boxes', features: [ 'Pallet & container level pricing', 'Customized mix-pallet consolidation', 'Scheduled recurring replenishment', 'Dedicated account handling manager', ], }, { id: 'service-retail-dist', title: 'Retail Distribution', description: 'Full-coverage distribution network serving grocery stores, mini-marts, and specialty retailers across Eastern Province and KSA.', iconName: 'Store', features: [ 'Direct-to-store van sales & delivery', 'Promotional POS display support', 'Fast restocking cycle within 24-48 hrs', 'Small to large carton delivery options', ], }, { id: 'service-supermarket', title: 'Supermarket Supply', description: 'Reliable high-volume supply partner for hypermarkets, supermarket chains, and large co-ops demanding strict delivery SLAs.', iconName: 'ShoppingCart', features: [ 'Strict adherence to barcode & expiry standards', 'Palletized dock delivery capabilities', 'EDI & automated PO processing support', 'Volume rebates & promotional support', ], }, { id: 'service-horeca', title: 'Hotel & Restaurant Supply', description: 'Dedicated institutional supply division for HORECA (Hotels, Restaurants, Cafes, and Catering Companies) across Saudi Arabia.', iconName: 'Building2', features: [ 'Institutional pack sizes (cleaning & food)', 'HACCP certified storage & cold chain', 'Customized delivery schedules for kitchens', 'Comprehensive hygiene & sanitizer range', ], }, { id: 'service-fast-delivery', title: 'Fast Delivery Across Saudi Arabia', description: 'Temperature-managed logistic fleet ensuring rapid and safe dispatch from our central Dammam distribution facility to all KSA regions.', iconName: 'Truck', features: [ 'Same-day dispatch for Eastern Province', 'Express distribution to Riyadh, Jeddah, Makkah & Madinah', 'GPS tracked delivery fleet', 'Safe temperature-controlled transport', ], }, ]; export const WHY_CHOOSE_US_FEATURES: WhyChooseUsFeature[] = [ { id: 'feature-quality', title: 'Premium Quality Products', description: 'We partner exclusively with certified manufacturers to guarantee 100% genuine products with fresh batch dates and optimal shelf life.', iconName: 'ShieldCheck', }, { id: 'feature-pricing', title: 'Competitive Pricing', description: 'Our direct-from-factory volume purchasing enables us to offer industry-leading wholesale prices and attractive margins for retailers.', iconName: 'TrendingUp', }, { id: 'feature-supply-chain', title: 'Trusted Supply Chain', description: 'A modern, temperature-controlled warehouse in Dammam Al Amamrah District equipped with real-time inventory management.', iconName: 'Network', }, { id: 'feature-delivery', title: 'Fast Delivery', description: 'Rapid dispatch capabilities with our dedicated distribution fleet servicing businesses across all regions of the Kingdom.', iconName: 'Zap', }, { id: 'feature-product-range', title: 'Wide Product Range', description: 'Over 1,000+ SKUs covering cleaning, personal care, home care, food, beverages, frozen goods, and daily essentials under one roof.', iconName: 'Layers', }, { id: 'feature-satisfaction', title: 'Customer Satisfaction', description: 'Dedicated account managers providing personalized support, flexible ordering, and responsive post-delivery customer care.', iconName: 'Smile', }, ]; export const COMPANY_STATS: StatItem[] = [ { id: 'stat-products', value: 1000, suffix: '+', label: 'Products', description: '1000+ Products across Food, Beverage, Cleaning & Care', iconName: 'PackageCheck', }, { id: 'stat-brands', value: 100, suffix: '+', label: 'Global Brands', description: '100+ Global Brands supplied directly across KSA', iconName: 'Award', }, { id: 'stat-wholesale', value: 100, suffix: '%', label: 'Bulk Wholesale Supply', description: 'Bulk wholesale supply with competitive B2B pricing', iconName: 'Warehouse', }, { id: 'stat-delivery', value: 24, suffix: 'h/48h', label: 'Fast Delivery Across Saudi Arabia', description: 'Fast delivery across Dammam, Riyadh, Jeddah & all KSA', iconName: 'Truck', }, ]; export const INDUSTRIES_LIST = [ { id: 'supermarkets', name: 'Supermarkets', description: 'High-volume inventory restocking for medium and large supermarket chains.', iconName: 'ShoppingCart', badge: 'Retail', }, { id: 'hypermarkets', name: 'Hypermarkets', description: 'Palletized bulk shipments with barcode and strict expiration date compliance.', iconName: 'Store', badge: 'Enterprise', }, { id: 'grocery-stores', name: 'Grocery Stores', description: 'Fast-moving consumer goods delivery tailored for neighborhood grocery stores and mini-marts.', iconName: 'Building2', badge: 'Local Retail', }, { id: 'wholesalers', name: 'Wholesalers', description: 'Tiered bulk pricing and mix-pallet consolidation for sub-distributors and traders.', iconName: 'Warehouse', badge: 'B2B Trade', }, { id: 'retail-shops', name: 'Retail Shops', description: 'Convenient carton-level orders for convenience stores, cosmetic shops, and kiosks.', iconName: 'Package', badge: 'Shops', }, { id: 'hotels', name: 'Hotels', description: 'Institutional toiletries, linens care, personal hygiene bars, and guest room supplies.', iconName: 'Building', badge: 'Hospitality', }, { id: 'restaurants', name: 'Restaurants', description: 'Commercial kitchen cleaning chemicals, dishwashing gels, napkins, and cooking essentials.', iconName: 'Utensils', badge: 'HORECA', }, { id: 'cafes', name: 'Cafes', description: 'Specialty coffee, tea, syrups, paper cups, napkins, and daily hygiene supplies.', iconName: 'Coffee', badge: 'HORECA', }, { id: 'catering-companies', name: 'Catering Companies', description: 'Large-scale food ingredients, disposable catering trays, foil, and cleaning supplies.', iconName: 'Boxes', badge: 'Events', }, { id: 'corporate-buyers', name: 'Corporate Buyers', description: 'Office pantry supplies, facility janitorial products, and corporate bulk orders.', iconName: 'Briefcase', badge: 'Corporate', }, ]; export const TARGET_BUSINESS_TYPES = [ 'Supermarkets & Hypermarkets', 'Grocery Stores & Mini Marts', 'Wholesalers & Sub-Distributors', 'Hotels & Hospitality (HORECA)', 'Restaurants & Catering Companies', 'Corporate Offices & Facilities Management', 'E-Commerce Retailers', 'Other Corporate Buyers', ]; PK "]um%m%src/components/AboutSection.tsximport React from 'react'; import { motion } from 'motion/react'; import { COMPANY_DETAILS } from '../data/mockData'; import { CheckCircle2, Building, Target, Award, Shield, Truck, Users, MapPin } from 'lucide-react'; export const AboutSection: React.FC = () => { const targetBuyers = [ 'Supermarkets & Hypermarkets', 'Grocery Stores & Mini Marts', 'Wholesalers & Sub-Distributors', 'Hotels & Hospitality Chains', 'Restaurants & Catering Services', 'Corporate Buyers & Facilities', ]; return (
{/* Section Header */}
About Qimat Al Tadawul

Leading Wholesale Supplier & Distribution Excellence

{/* Two Column Company Overview */}
{/* Left Column: Image with Floating Card */}
مؤسسة قمة التداول للتجارة — Qimat Al Tadawul Distribution Warehouse and Fleet Dammam
{/* Branded Fleet Badge Overlay on top of image */}
QT
مؤسسة قمة التداول للتجارة
QIMAT AL TADAWUL EST.
مؤسسة قمة التداول للتجارة — Owned Fleet

Al Amamrah District, Dammam, KSA

Temperature-controlled distribution servicing all regions

{/* Floating Trust Badge */}
Trusted Partner
Wholesale Specialist
{/* Right Column: Detailed Profile Text */}

Committed to Supplying High-Grade Cleaning, Personal Care, Household & Food Products Across the Kingdom

{COMPANY_DETAILS.name} is a premier wholesale supplier and distribution enterprise headquartered in Dammam, Kingdom of Saudi Arabia. We specialize in sourcing and distributing top-tier food products, beverages, personal care items, home care solutions, and household cleaning supplies from globally renowned manufacturers.

With a strategic logistics center in Al Amamrah District, Dammam, we bridge international brand owners and local businesses—delivering competitive wholesale pricing, consistent stock availability, and tailored supply chain solutions.

{/* Target Buyers Tag List */}
Serving Key B2B Buyer Segments Across KSA:
{targetBuyers.map((buyer, idx) => (
{buyer}
))}
{/* Corporate Pillars: Mission, Vision & Core Values */}

Our Mission

To empower retailers, hypermarkets, and institutional buyers across Saudi Arabia with dependable wholesale products, competitive margins, and seamless fulfillment.

Our Vision

To be the most preferred and reliable wholesale supply chain and distribution hub in the Middle East, recognized for integrity, speed, and product range.

Quality & Authenticity

100% genuine product sourcing directly from manufacturers, strict batch tracking, and temperature-controlled storage compliance.

); }; PK "],DD"src/components/ProductsSection.tsximport React, { useState } from 'react'; import { motion, AnimatePresence } from 'motion/react'; import { PRODUCT_CATEGORIES, SAMPLE_PRODUCTS } from '../data/mockData'; import { ProductCategory, ProductItem } from '../types'; import { DynamicIcon } from './DynamicIcon'; import { Search, ShoppingCart, Check, Plus, Eye, Sparkles, Filter, Info, PackageCheck } from 'lucide-react'; interface ProductsSectionProps { onAddToCart: (product: ProductItem) => void; isInCart: (productId: string) => boolean; onOpenQuoteModal: () => void; } export const ProductsSection: React.FC = ({ onAddToCart, isInCart, onOpenQuoteModal, }) => { const [activeCategory, setActiveCategory] = useState('all'); const [searchQuery, setSearchQuery] = useState(''); const [selectedProduct, setSelectedProduct] = useState(null); // Filter products based on search and selected category const filteredProducts = SAMPLE_PRODUCTS.filter((product) => { const matchesCategory = activeCategory === 'all' || product.category === activeCategory; const matchesSearch = product.name.toLowerCase().includes(searchQuery.toLowerCase()) || product.brand.toLowerCase().includes(searchQuery.toLowerCase()) || product.description.toLowerCase().includes(searchQuery.toLowerCase()); return matchesCategory && matchesSearch; }); return (
{/* Section Title */}
Comprehensive Wholesale Categories

Products We Supply

We supply high-quality cleaning products, laundry detergents, personal care, beauty & hygiene, food products, beverages, household essentials, and hotel & restaurant supplies across Saudi Arabia.

{/* Categories Overview Grid (8 Cards with icons and images) */}

Product Categories Overview

{PRODUCT_CATEGORIES.map((cat) => { const isSelected = activeCategory === cat.id; return (
setActiveCategory(cat.id)} className={`group relative rounded-2xl overflow-hidden cursor-pointer transition-all duration-300 border ${ isSelected ? 'border-blue-600 dark:border-blue-500 shadow-lg shadow-blue-600/15 ring-2 ring-blue-600/20' : 'border-slate-200 dark:border-slate-800 hover:border-blue-400 dark:hover:border-blue-700 shadow-sm hover:shadow-md' } bg-slate-50 dark:bg-slate-800/80 flex flex-col justify-between`} >
{cat.name}
{cat.itemCount}

{cat.name}

{cat.description}

Popular Items:
{cat.popularItems.slice(0, 3).map((item, idx) => ( {item} ))}
); })}
{/* Filter Controls & Search Bar */}
{/* Search Input */}
setSearchQuery(e.target.value)} className="w-full pl-10 pr-4 py-2.5 text-xs sm:text-sm rounded-xl bg-white dark:bg-slate-900 text-slate-900 dark:text-white border border-slate-300 dark:border-slate-700 focus:outline-none focus:ring-2 focus:ring-blue-600" /> {searchQuery && ( )}
{/* Category Filter Pills */}
{PRODUCT_CATEGORIES.map((cat) => ( ))}
{/* Featured Products Grid */}

Catalog Ready Items ({filteredProducts.length})

Select items to add to your custom wholesale quotation
{filteredProducts.map((product) => { const inCart = isInCart(product.id); return (
{product.name}
{product.brand}
Ready Stock

{product.name}

{product.description}

Packing Unit: {product.unit}
); })}
{/* Product Detail Modal */} {selectedProduct && (
{selectedProduct.name}
{selectedProduct.brand}
{selectedProduct.category.replace('-', ' ')}

{selectedProduct.name}

{selectedProduct.description}

Standard Unit: {selectedProduct.unit}
Stock Status: In Stock Dammam Hub
MoQ: 1 Full Carton / Pallet Lots Available
)}
); }; PK "]z룺33 src/components/BrandsSection.tsximport React, { useState } from 'react'; import { Info } from 'lucide-react'; interface BrandItem { id: string; name: string; category: 'Cleaning & Home' | 'Personal Care' | 'Food & Beverages' | 'Household'; logoUrl: string; fallbackBg: string; textColor: string; badgeTag: string; } // 33 Requested Major Global Brands with Official CDN Logo Images & Crisp SVG Badges const MAJOR_BRANDS_ROW_1: BrandItem[] = [ { id: 'b-tide', name: 'Tide', category: 'Cleaning & Home', logoUrl: 'https://cdn.worldvectorlogo.com/logos/tide.svg', fallbackBg: 'bg-gradient-to-r from-orange-500 to-amber-500', textColor: 'text-white font-black', badgeTag: 'Launder Care' }, { id: 'b-ariel', name: 'Ariel', category: 'Cleaning & Home', logoUrl: '/src/assets/images/ariel_logo_1785771691086.jpg', fallbackBg: 'bg-gradient-to-r from-blue-700 to-teal-600', textColor: 'text-white font-black', badgeTag: 'Detergents' }, { id: 'b-persil', name: 'Persil', category: 'Cleaning & Home', logoUrl: 'https://cdn.worldvectorlogo.com/logos/persil.svg', fallbackBg: 'bg-gradient-to-r from-red-600 to-rose-700', textColor: 'text-white font-black', badgeTag: 'Laundry' }, { id: 'b-comfort', name: 'Comfort', category: 'Cleaning & Home', logoUrl: '/src/assets/images/comfort_logo_1785771703266.jpg', fallbackBg: 'bg-gradient-to-r from-blue-400 to-indigo-500', textColor: 'text-white font-black', badgeTag: 'Softener' }, { id: 'b-clorox', name: 'Clorox', category: 'Cleaning & Home', logoUrl: '/src/assets/images/clorox_logo_1785771714868.jpg', fallbackBg: 'bg-gradient-to-r from-blue-800 to-blue-600', textColor: 'text-amber-300 font-black', badgeTag: 'Disinfectant' }, { id: 'b-harpic', name: 'Harpic', category: 'Cleaning & Home', logoUrl: 'https://cdn.worldvectorlogo.com/logos/harpic.svg', fallbackBg: 'bg-gradient-to-r from-blue-900 to-indigo-900', textColor: 'text-rose-400 font-black', badgeTag: 'Surface Care' }, { id: 'b-domestos', name: 'Domestos', category: 'Cleaning & Home', logoUrl: 'https://cdn.worldvectorlogo.com/logos/domestos.svg', fallbackBg: 'bg-gradient-to-r from-sky-700 to-blue-900', textColor: 'text-yellow-300 font-black', badgeTag: 'Bleach & Hygiene' }, { id: 'b-finish', name: 'Finish', category: 'Cleaning & Home', logoUrl: '/src/assets/images/finish_logo_1785771733248.jpg', fallbackBg: 'bg-gradient-to-r from-blue-600 to-cyan-600', textColor: 'text-white font-black', badgeTag: 'Dishwashing' }, { id: 'b-fairy', name: 'Fairy', category: 'Cleaning & Home', logoUrl: '/src/assets/images/fairy_logo_1785771723644.jpg', fallbackBg: 'bg-gradient-to-r from-emerald-600 to-green-700', textColor: 'text-white font-black', badgeTag: 'Dishwash Liquid' }, { id: 'b-vim', name: 'Vim', category: 'Cleaning & Home', logoUrl: '/src/assets/images/vim_logo_1785771744003.jpg', fallbackBg: 'bg-gradient-to-r from-amber-500 to-yellow-600', textColor: 'text-blue-950 font-black', badgeTag: 'Cream Cleaners' }, { id: 'b-lux', name: 'Lux', category: 'Personal Care', logoUrl: '/src/assets/images/lux_logo_1785771384928.jpg', fallbackBg: 'bg-gradient-to-r from-amber-200 via-amber-100 to-yellow-200', textColor: 'text-amber-900 font-black', badgeTag: 'Beauty Soap' }, { id: 'b-dove', name: 'Dove', category: 'Personal Care', logoUrl: 'https://cdn.worldvectorlogo.com/logos/dove-2.svg', fallbackBg: 'bg-gradient-to-r from-slate-100 to-blue-50', textColor: 'text-blue-800 font-black', badgeTag: 'Skin & Body' }, { id: 'b-lifebuoy', name: 'Lifebuoy', category: 'Personal Care', logoUrl: 'https://cdn.worldvectorlogo.com/logos/lifebuoy-1.svg', fallbackBg: 'bg-gradient-to-r from-red-600 to-red-800', textColor: 'text-white font-black', badgeTag: 'Hygiene Soap' }, { id: 'b-dettol', name: 'Dettol', category: 'Personal Care', logoUrl: '/src/assets/images/dettol_logo_1785771496708.jpg', fallbackBg: 'bg-gradient-to-r from-emerald-700 to-green-600', textColor: 'text-amber-300 font-black', badgeTag: 'Antiseptic' }, { id: 'b-pantene', name: 'Pantene', category: 'Personal Care', logoUrl: '/src/assets/images/pantene_logo_1785771509425.jpg', fallbackBg: 'bg-gradient-to-r from-amber-400 to-yellow-500', textColor: 'text-slate-900 font-black', badgeTag: 'Hair Care' }, { id: 'b-sunsilk', name: 'Sunsilk', category: 'Personal Care', logoUrl: 'https://cdn.worldvectorlogo.com/logos/sunsilk.svg', fallbackBg: 'bg-gradient-to-r from-pink-500 to-rose-600', textColor: 'text-white font-black', badgeTag: 'Shampoos' }, { id: 'b-vaseline', name: 'Vaseline', category: 'Personal Care', logoUrl: 'https://cdn.worldvectorlogo.com/logos/vaseline.svg', fallbackBg: 'bg-gradient-to-r from-blue-700 to-blue-900', textColor: 'text-amber-300 font-black', badgeTag: 'Petroleum Jelly' }, ]; const MAJOR_BRANDS_ROW_2: BrandItem[] = [ { id: 'b-rexona', name: 'Rexona', category: 'Personal Care', logoUrl: 'https://cdn.worldvectorlogo.com/logos/rexona.svg', fallbackBg: 'bg-gradient-to-r from-blue-600 to-slate-800', textColor: 'text-white font-black', badgeTag: 'Deodorants' }, { id: 'b-signal', name: 'Signal', category: 'Personal Care', logoUrl: '/src/assets/images/signal_logo_1785771801653.jpg', fallbackBg: 'bg-gradient-to-r from-red-500 to-blue-600', textColor: 'text-white font-black', badgeTag: 'Oral Care' }, { id: 'b-closeup', name: 'Closeup', category: 'Personal Care', logoUrl: '/src/assets/images/closeup_logo_1785771790793.jpg', fallbackBg: 'bg-gradient-to-r from-red-600 to-amber-500', textColor: 'text-white font-black', badgeTag: 'Toothpaste' }, { id: 'b-cocacola', name: 'Coca-Cola', category: 'Food & Beverages', logoUrl: 'https://cdn.worldvectorlogo.com/logos/coca-cola-2021.svg', fallbackBg: 'bg-gradient-to-r from-red-600 to-red-700', textColor: 'text-white font-black', badgeTag: 'Beverages' }, { id: 'b-pepsi', name: 'Pepsi', category: 'Food & Beverages', logoUrl: 'https://cdn.worldvectorlogo.com/logos/pepsi-6.svg', fallbackBg: 'bg-gradient-to-r from-blue-700 via-red-600 to-blue-800', textColor: 'text-white font-black', badgeTag: 'Soft Drinks' }, { id: 'b-nestle', name: 'Nestlé', category: 'Food & Beverages', logoUrl: 'https://cdn.worldvectorlogo.com/logos/nestle-4.svg', fallbackBg: 'bg-gradient-to-r from-sky-600 to-blue-700', textColor: 'text-white font-black', badgeTag: 'Nutrition & Milk' }, { id: 'b-nido', name: 'Nido', category: 'Food & Beverages', logoUrl: 'https://cdn.worldvectorlogo.com/logos/nido.svg', fallbackBg: 'bg-gradient-to-r from-yellow-400 to-amber-500', textColor: 'text-red-700 font-black', badgeTag: 'Milk Powder' }, { id: 'b-heinz', name: 'Heinz', category: 'Food & Beverages', logoUrl: 'https://cdn.worldvectorlogo.com/logos/heinz-1.svg', fallbackBg: 'bg-gradient-to-r from-red-700 to-red-800', textColor: 'text-amber-200 font-black', badgeTag: 'Condiments' }, { id: 'b-kiri', name: 'Kiri', category: 'Food & Beverages', logoUrl: 'https://cdn.worldvectorlogo.com/logos/kiri-1.svg', fallbackBg: 'bg-gradient-to-r from-slate-100 to-blue-100', textColor: 'text-blue-700 font-black', badgeTag: 'Cream Cheese' }, { id: 'b-tang', name: 'Tang', category: 'Food & Beverages', logoUrl: '/src/assets/images/tang_logo_1785771768777.jpg', fallbackBg: 'bg-gradient-to-r from-orange-500 to-amber-600', textColor: 'text-white font-black', badgeTag: 'Instant Drinks' }, { id: 'b-sadia', name: 'Sadia', category: 'Food & Beverages', logoUrl: 'https://cdn.worldvectorlogo.com/logos/sadia.svg', fallbackBg: 'bg-gradient-to-r from-yellow-400 to-red-600', textColor: 'text-blue-950 font-black', badgeTag: 'Poultry & Food' }, { id: 'b-kitkat', name: 'KitKat', category: 'Food & Beverages', logoUrl: 'https://cdn.worldvectorlogo.com/logos/kit-kat-2.svg', fallbackBg: 'bg-gradient-to-r from-red-700 to-red-600', textColor: 'text-white font-black', badgeTag: 'Confectionery' }, ]; const BrandCardImage: React.FC<{ brand: BrandItem }> = ({ brand }) => { const [hasError, setHasError] = useState(false); return (
{!hasError ? ( {`${brand.name} setHasError(true)} className="max-h-full max-w-full object-contain filter drop-shadow-xs group-hover:scale-105 transition-transform duration-300" /> ) : (
{brand.name}
)}
); }; export const BrandsSection: React.FC = () => { // Duplicate arrays to ensure a smooth, continuous infinite loop with no visible jumps const row1Duplicated = [...MAJOR_BRANDS_ROW_1, ...MAJOR_BRANDS_ROW_1, ...MAJOR_BRANDS_ROW_1]; const row2Duplicated = [...MAJOR_BRANDS_ROW_2, ...MAJOR_BRANDS_ROW_2, ...MAJOR_BRANDS_ROW_2]; return (
{/* Section Header */}

OUR MAJOR BRANDS

We proudly supply products from globally recognized brands across Cleaning, Personal Care, Food, Beverages, and Household categories.

{/* Infinite Horizontal Carousel Container with Edge Fade Masks */}
{/* Left & Right Subtle Fade Overlays */}
{/* Row 1: Smooth Marquee Moving Left */}
{row1Duplicated.map((brand, idx) => (
{brand.category} {brand.badgeTag}
{/* Brand Logo Box Image */}
))}
{/* Row 2: Smooth Marquee Moving Right */}
{row2Duplicated.map((brand, idx) => (
{brand.category} {brand.badgeTag}
{/* Brand Logo Box Image */}
))}
{/* Required Bottom Disclaimer */}

"Brand names and logos are the property of their respective owners and are displayed only to represent the products we supply."

); }; PK "]-K src/components/WhyChooseUs.tsximport React from 'react'; import { WHY_CHOOSE_US_FEATURES } from '../data/mockData'; import { DynamicIcon } from './DynamicIcon'; import { ShieldCheck, Award, Zap } from 'lucide-react'; export const WhyChooseUs: React.FC = () => { return (
{/* Background Glow Accents */}
{/* Section Header */}
The Qimat Al Tadawul Advantage

Why Choose Us

We deliver unmatched reliability, authentic brand guarantees, competitive wholesale pricing, and exceptional customer service for businesses across Saudi Arabia.

{/* 6 Premium Feature Cards */}
{WHY_CHOOSE_US_FEATURES.map((feature, idx) => (
0{idx + 1}

{feature.title}

{feature.description}

Verified Qimat Standard
))}
); }; PK "]l`"src/components/ServicesSection.tsximport React from 'react'; import { SERVICES_LIST } from '../data/mockData'; import { DynamicIcon } from './DynamicIcon'; import { CheckCircle2, ArrowRight } from 'lucide-react'; interface ServicesSectionProps { onOpenQuoteModal: () => void; } export const ServicesSection: React.FC = ({ onOpenQuoteModal }) => { return (
{/* Section Header */}
End-to-End Wholesale Logistics & Distribution

Our Services

Comprehensive wholesale supply chain solutions tailored to supermarkets, grocery stores, hotels, restaurants, and institutional buyers throughout Saudi Arabia.

{/* Services Grid (6 Cards) */}
{SERVICES_LIST.map((service) => (

{service.title}

{service.description}

Key Value Offerings:
{service.features.map((feat, idx) => (
{feat}
))}
))}
); }; PK "],==!src/components/ContactSection.tsximport React, { useState } from 'react'; import { COMPANY_DETAILS, TARGET_BUSINESS_TYPES } from '../data/mockData'; import { ContactFormData } from '../types'; import { MapPin, Phone, Mail, Clock, MessageSquare, Send, CheckCircle2, Building2, ExternalLink } from 'lucide-react'; export const ContactSection: React.FC = () => { const [formData, setFormData] = useState({ name: '', email: '', phone: '', company: '', businessType: TARGET_BUSINESS_TYPES[0], subject: 'General Wholesale Inquiry', message: '', }); const [submitted, setSubmitted] = useState(false); const [loading, setLoading] = useState(false); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); setLoading(true); setTimeout(() => { setLoading(false); setSubmitted(true); }, 800); }; const whatsappUrl = `https://wa.me/${COMPANY_DETAILS.whatsappNumber}?text=${encodeURIComponent( 'Hello Qimat Al Tadawul team, I would like to inquire about wholesale products and pricing.' )}`; return (
{/* Section Header */}
Get In Touch

Contact Qimat Al Tadawul

Reach out to our wholesale sales and logistics specialists in Dammam for catalog inquiries, bulk distribution partnerships, or account support.

{/* Contact Info Cards + Form */}
{/* Left Column: Official Contact Info */}

Company Headquarters

{/* Company Name & Address */}

Official Address

{COMPANY_DETAILS.name}
{COMPANY_DETAILS.location}

{/* Phone Numbers */} {/* Email Addresses */} {/* Business Hours */}

Operating Hours

{COMPANY_DETAILS.operatingHours}

{/* Direct WhatsApp Action Button */}
{/* Right Column: Contact Form */}

Send Us a Direct Message

Fill out the contact form below and our team will get back to you promptly.

{submitted ? (

Message Sent Successfully!

Thank you for reaching out to Qimat Al Tadawul. A customer service representative will respond to {formData.email} shortly.

) : (
setFormData({ ...formData, name: e.target.value })} placeholder="John Doe" className="w-full px-3.5 py-2.5 text-xs rounded-xl bg-slate-50 dark:bg-slate-900 border border-slate-300 dark:border-slate-700 text-slate-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-600" />
setFormData({ ...formData, email: e.target.value })} placeholder="name@example.com" className="w-full px-3.5 py-2.5 text-xs rounded-xl bg-slate-50 dark:bg-slate-900 border border-slate-300 dark:border-slate-700 text-slate-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-600" />
setFormData({ ...formData, phone: e.target.value })} placeholder="+966 50 123 4567" className="w-full px-3.5 py-2.5 text-xs rounded-xl bg-slate-50 dark:bg-slate-900 border border-slate-300 dark:border-slate-700 text-slate-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-600" />
setFormData({ ...formData, company: e.target.value })} placeholder="Company Ltd." className="w-full px-3.5 py-2.5 text-xs rounded-xl bg-slate-50 dark:bg-slate-900 border border-slate-300 dark:border-slate-700 text-slate-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-600" />
setFormData({ ...formData, subject: e.target.value })} placeholder="e.g. Bulk Detergent Order Inquiry" className="w-full px-3.5 py-2.5 text-xs rounded-xl bg-slate-50 dark:bg-slate-900 border border-slate-300 dark:border-slate-700 text-slate-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-600" />