Build a complete, polished, realistic online flower shop website called "Blooming Petals." This is a school project, but the website should look like a REAL PROFESSIONAL FLOWER SHOP, not a cartoon or children's website. ================================================== IMPORTANT IMAGE RULE ================================================== The most important requirement is the flower photography. Use REALISTIC, PHOTOREALISTIC photographs of flowers. DO NOT use: - cartoon flowers - illustrations - vector graphics - clipart - emojis as flower images - anime-style flowers - 3D cartoon flowers - painted/drawn flowers - abstract flower graphics - generic placeholder flower images Every flower photograph MUST match BOTH: 1. the exact flower species/name 2. the exact requested color For example: "Purple Orchids" must show REAL PURPLE ORCHIDS. It must NOT show purple roses, purple tulips, or a generic purple flower. If you cannot obtain a matching realistic image, do NOT substitute another flower. Use a clearly labeled image placeholder instead of showing the wrong flower. Do not reuse one flower photograph for multiple different products. ================================================== BRAND ================================================== Website name: Blooming Petals Tagline: "Fresh Flowers • Thoughtful Delivery • Happy Hearts" Design style: - elegant - realistic - warm - natural - premium but simple - professional florist aesthetic Color palette: - warm cream - white - soft blush pink - dusty rose - natural muted green - subtle burgundy Use elegant serif fonts for major headings and a clean modern font for normal text. ================================================== NAVIGATION ================================================== Create a responsive navigation bar. Logo: 🌸 Blooming Petals Navigation: - Home - Flowers - About - Contact Add: 🛒 Cart (0) The cart counter must update when products are added. On mobile, make the navigation easy to use. ================================================== HERO SECTION ================================================== Create a beautiful hero section. Heading: "Beautiful Flowers for Every Occasion" Description: "Say it with flowers. Choose a thoughtful bouquet for someone special, and we will arrange it fresh and deliver it with care." Buttons: "Shop Now" "Order Now" Shop Now should scroll to the flower collection. Order Now should open the real order form described below. ================================================== HERO SLIDESHOW ================================================== Create a working photographic slideshow. Use EXACTLY these three flowers: 1. Classic Red Roses - real red roses - realistic photograph 2. Blush Pink Tulips - real pink tulips - realistic photograph 3. Royal Purple Orchids - real purple orchids - realistic photograph Slideshow features: - previous arrow - next arrow - indicator dots - automatic change every 5 seconds - smooth transitions - manual controls The slideshow must work on desktop and mobile. ================================================== FLOWER COLLECTION ================================================== Section title: "Our Flower Collection" Subtitle: "Pick a bouquet to make their day." Create EXACTLY 9 products. -------------------------------------------------- 1. CLASSIC RED ROSES -------------------------------------------------- Flower: Rose Color: Red Price: ₱750 Image: REAL PHOTOGRAPH of a bouquet of RED ROSES. Description: "A timeless bouquet of fresh red roses for romantic and memorable moments." -------------------------------------------------- 2. GOLDEN SUNFLOWERS -------------------------------------------------- Flower: Sunflower Color: Yellow Price: ₱600 Image: REAL PHOTOGRAPH of YELLOW SUNFLOWERS. Description: "Bright sunflowers that bring warmth, happiness, and positive energy." Do NOT use yellow daisies. -------------------------------------------------- 3. BLUSH PINK TULIPS -------------------------------------------------- Flower: Tulip Color: Pink Price: ₱800 Image: REAL PHOTOGRAPH of PINK TULIPS. Description: "Elegant pink tulips arranged beautifully for thoughtful surprises." Do NOT use pink roses. -------------------------------------------------- 4. PURE WHITE LILIES -------------------------------------------------- Flower: Lily Color: White Price: ₱700 Image: REAL PHOTOGRAPH of WHITE LILIES. Description: "Elegant white lilies representing beauty, peace, and new beginnings." Do NOT use white roses. -------------------------------------------------- 5. SOFT PINK CARNATIONS -------------------------------------------------- Flower: Carnation Color: Pink Price: ₱450 Image: REAL PHOTOGRAPH of PINK CARNATIONS. Description: "Beautiful pink carnations perfect for expressing appreciation and affection." -------------------------------------------------- 6. ROYAL PURPLE ORCHIDS -------------------------------------------------- Flower: Orchid Color: Purple Price: ₱900 IMAGE REQUIREMENT: This MUST be a REAL PHOTOGRAPH of REAL PURPLE ORCHIDS. The flowers must clearly be orchids. The petals must visibly be purple. DO NOT use: - purple roses - purple tulips - purple daisies - generic purple flowers - cartoon orchids - illustrated orchids - vector orchids Description: "Elegant purple orchids for special celebrations and unforgettable moments." -------------------------------------------------- 7. COLORFUL DAISY BOUQUET -------------------------------------------------- Flower: Daisy Color: Mixed/Colorful Price: ₱400 Image: REAL PHOTOGRAPH of actual colorful daisies. The flowers must clearly look like daisies. Description: "A cheerful arrangement of colorful daisies for bright and happy occasions." -------------------------------------------------- 8. WHITE HYDRANGEA BOUQUET -------------------------------------------------- Flower: Hydrangea Color: White Price: ₱850 Image: REAL PHOTOGRAPH of WHITE HYDRANGEAS. The rounded clustered hydrangea flower heads must be clearly visible. Do NOT use white roses. Description: "A graceful bouquet of white hydrangeas with a soft and elegant appearance." -------------------------------------------------- 9. BRIGHT ORANGE GERBERAS -------------------------------------------------- Flower: Gerbera Daisy Color: Orange Price: ₱650 Image: REAL PHOTOGRAPH of ORANGE GERBERA DAISIES. The flowers must clearly be gerbera daisies. Do NOT use orange roses or generic orange flowers. Description: "Bright orange gerberas that add cheerful color to any celebration." ================================================== PRODUCT CARDS ================================================== Each product card must display: - realistic flower photograph - flower name - flower color - description - price - View Details button - Add to Cart button - Order Now button Make the cards elegant and consistent. ================================================== VIEW DETAILS ================================================== When View Details is clicked, open a modal. The modal must show: - large realistic flower photograph - exact flower name - flower color - description - price - Add to Cart - Order Now - Close button ================================================== SHOPPING CART ================================================== Create a REAL working shopping cart. When Add to Cart is clicked: - add the product - increase cart counter - show a small confirmation - store the product in the cart When Cart is clicked, open a cart panel/modal. Show: - product image - product name - price - quantity - subtotal - remove button - total Allow the user to: - increase quantity - decrease quantity - remove an item Add: "Proceed to Order" button. Clicking Proceed to Order must open the order form. ================================================== ORDER NOW FORM ================================================== IMPORTANT: "Order Now" must NOT be a JavaScript alert. It must open a beautiful, professional order modal. Title: "Place Your Order" Required fields: 1. Full Name 2. Contact Number 3. Bouquet 4. Quantity 5. Delivery Date 6. Address Optional: 7. Message -------------------------------------------------- FULL NAME -------------------------------------------------- Text input. Placeholder: "Enter your full name" Required. -------------------------------------------------- CONTACT NUMBER -------------------------------------------------- Text/tel input. Placeholder: "Enter your contact number" Required. -------------------------------------------------- BOUQUET -------------------------------------------------- Dropdown containing all 9 products: Classic Red Roses — ₱750 Golden Sunflowers — ₱600 Blush Pink Tulips — ₱800 Pure White Lilies — ₱700 Soft Pink Carnations — ₱450 Royal Purple Orchids — ₱900 Colorful Daisy Bouquet — ₱400 White Hydrangea Bouquet — ₱850 Bright Orange Gerberas — ₱650 Required. -------------------------------------------------- QUANTITY -------------------------------------------------- Number input. Minimum: 1 Default: 1 Required. -------------------------------------------------- DELIVERY DATE -------------------------------------------------- Date input. Required. Do not allow dates in the past. -------------------------------------------------- ADDRESS -------------------------------------------------- Large textarea. Placeholder: "Enter your complete delivery address" Required. -------------------------------------------------- MESSAGE -------------------------------------------------- Optional textarea. Placeholder: "Add a special message or request..." ================================================== ORDER SUMMARY ================================================== Show a live order summary: Bouquet: Quantity: Price: Estimated Total: The total must automatically update when: - bouquet changes - quantity changes ================================================== PLACE ORDER ================================================== Buttons: "Place Order" "Cancel" Cancel closes the modal. Place Order validates all required fields. If something is missing, show a friendly validation message. If everything is complete, show: "Thank you for choosing Blooming Petals! 🌸" "Your order request has been received." Show: Customer Name Bouquet Quantity Delivery Date Estimated Total Add a Close button. IMPORTANT: This is a school project. Do NOT request: - credit card numbers - passwords - banking information - payment details There is no real payment processing. The order system is a front-end demonstration. ================================================== ABOUT SECTION ================================================== Title: "About Blooming Petals" Heading: "Flowers arranged with heart." Text: "We create thoughtful bouquets for birthdays, celebrations, thank-you moments and ordinary days that deserve something beautiful." Use a realistic photograph of a mixed flower bouquet. ================================================== CONTACT SECTION ================================================== Title: "Let's make someone's day bloom." Include: Blooming Petals Contact Number: [School Project Contact] Email: [bloomingpetals@example.com] Business Hours: Monday–Saturday, 8:00 AM–6:00 PM Location: Philippines Add a simple contact/order area. ================================================== FOOTER ================================================== Add: "© 2026 Blooming Petals • Fresh flowers, thoughtful delivery." ================================================== TECHNICAL REQUIREMENTS ================================================== Use clean HTML/CSS/JavaScript or an appropriate modern web framework. Keep the project organized. Use local image assets when possible. Create an images folder containing: red-roses yellow-sunflowers pink-tulips white-lilies pink-carnations purple-orchids colorful-daisies white-hydrangeas orange-gerberas Make sure every image path is correct. Do NOT use broken image links. Do NOT use the same photograph for multiple products. ================================================== RESPONSIVE DESIGN ================================================== The website must work on: - laptop - desktop - Android phone - iPhone - tablet Make all buttons easy to tap on mobile. The order modal must fit properly on small screens. ================================================== FINAL QUALITY CHECK ================================================== Before considering the project finished, test EVERY feature. Check: ✓ Website loads ✓ Navigation works ✓ Shop Now works ✓ Hero slideshow works ✓ Previous/next arrows work ✓ Slideshow dots work ✓ Automatic slideshow works ✓ All 9 products appear ✓ All 9 images match their exact flower names ✓ All 9 images match their exact colors ✓ Purple Orchids is actually purple orchids ✓ White Hydrangeas is actually white hydrangeas ✓ Orange Gerberas is actually orange gerbera daisies ✓ View Details works ✓ Add to Cart works ✓ Cart counter works ✓ Quantity controls work ✓ Remove button works ✓ Cart total works ✓ Order Now opens the proper form ✓ Full Name works ✓ Contact Number works ✓ Bouquet dropdown works ✓ Quantity works ✓ Delivery Date works ✓ Address works ✓ Message works ✓ Estimated total updates ✓ Required fields validate ✓ Past delivery dates are rejected ✓ Place Order works ✓ Confirmation message works ✓ Cancel works ✓ Mobile layout works FINAL INSTRUCTION: The website MUST look like a REAL ONLINE FLOWER SHOP. The flower images are the highest priority. Never replace a requested flower with a different flower. Never replace realistic flower photographs with cartoons or illustrations. If a matching realistic image is unavailable, use a clearly labeled image placeholder rather than displaying the WRONG flower. Do not finish with broken images, incorrect flower species, incorrect flower colors, placeholder buttons, or unfinished order functionality.