ganam-fab

byVarun D S

# Prompt for Claude You are a senior Full Stack Developer, UI/UX Designer, and SEO Expert. Build a complete, modern, responsive, production-ready website with both frontend and backend for the company: # Company Name **Ganam Fabrication** ## Business Ganam Fabrication is a premium manufacturer and installer of: * uPVC Windows * uPVC Doors * ACP Cladding * Structural Glazing * Glass Facades * Aluminium Fabrication * Toughened Glass Solutions * Office Glass Partitions * Residential & Commercial Glass Works * Custom Design Solutions The company provides design, manufacturing, delivery, installation, and after-sales support. The website should look like a premium engineering company and be suitable for corporate clients, builders, architects, villas, apartments, offices, and industries. --- # Theme Primary Color: Light Blue (#4DA8DA) Secondary: White (#FFFFFF) Accent: Dark Grey (#2E2E2E) Background: Very Light Grey (#F7F9FB) Buttons: Blue gradient Hover: Smooth blue animations Fonts: Poppins Icons: Lucide Icons Animations: Framer Motion Use plenty of whitespace. Modern cards. Rounded corners. Glassmorphism effects. Soft shadows. Professional typography. --- # Website Style The website should feel like: Premium Modern Corporate Minimal Luxury Professional Fast SEO Optimized Mobile Friendly The design quality should be similar to companies like: Schuco Fenesta AIS Windows Saint Gobain Alupure --- # Technology Stack Frontend Next.js 15 React 19 TypeScript Tailwind CSS ShadCN UI Framer Motion Lucide Icons React Hook Form Zod Validation Axios Swiper Slider Backend Node.js Express.js MongoDB Mongoose JWT Authentication Nodemailer Cloudinary Multer Helmet Rate Limiter CORS Environment Variables Deployment Ready --- # Pages Home About Us Products uPVC Windows uPVC Doors ACP Cladding Structural Glazing Glass Facades Projects Gallery Testimonials Blog Careers Contact Admin Login Dashboard --- # Home Page Sections 1. Hero Banner Large hero image Headline: "Premium uPVC Windows, Doors & ACP Glazing Solutions" Subheading CTA Buttons Request Quote Call Now Animated background --- 2. Why Choose Us Experience Premium Materials Certified Team Fast Installation Warranty Affordable Pricing --- 3. Products Large product cards with images Learn More buttons Hover animations --- 4. Services Design Manufacturing Installation Maintenance Repair Consultation --- 5. Projects Interactive gallery Filter by category Residential Commercial Industrial --- 6. Statistics 1000+ Projects 500+ Clients 10+ Years Experience 99% Customer Satisfaction Animated counters --- 7. Testimonials Auto Slider Client photos Ratings --- 8. Brands We Work With Logo carousel --- 9. FAQ Accordion --- 10. Contact CTA Large section Get Free Estimate --- 11. Footer Quick Links Products Google Map Phone WhatsApp Email Social Media Newsletter Copyright --- # Products Page Beautiful grid Large images Specifications Benefits Applications Gallery Download Brochure Request Quote --- # Gallery Masonry Layout Lightbox Categories Lazy Loading --- # Projects Project Name Location Description Completion Date Photos --- # Contact Page Contact Form Google Maps Address Phone Email Working Hours WhatsApp Button --- # Backend Features Admin Authentication JWT Login Forgot Password Dashboard Manage Products Add Product Edit Product Delete Product Manage Gallery Manage Projects Manage Testimonials Manage Blogs Manage Careers Manage Contact Requests Upload Images Dashboard Analytics Export Contact Data Email Notifications --- # Contact Form Fields Name Phone Email City Service Required Message Store in MongoDB Send email notification Show success message Validation --- # Career Module Job Listings Apply Online Resume Upload Store Applications Admin View --- # Blog CMS Create Edit Delete Categories SEO Fields Slug Meta Title Meta Description Featured Image --- # SEO Meta Tags Dynamic Sitemap robots.txt Schema Markup Open Graph Twitter Cards Image Optimization Lazy Loading Structured Data Fast Loading --- # Performance 90+ Lighthouse Score Responsive Cross Browser Accessible SEO Optimized Fast Loading Code Splitting Image Optimization --- # Security Helmet JWT Password Hashing Rate Limiting Input Validation XSS Protection Mongo Injection Protection Environment Variables --- # Extra Features Sticky Navbar Mega Menu Dark Mode Toggle WhatsApp Floating Button Call Floating Button Back To Top Animated Loader Scroll Progress Bar Smooth Scroll Image Zoom Search Products Filter Products Compare Products Request Callback Live Chat Placeholder --- # Admin Dashboard Dashboard Overview Total Products Total Enquiries Recent Contacts Recent Applications Website Statistics Manage Users Settings Profile Logout --- # Folder Structure Generate complete folder structure. Frontend Backend Database Models Controllers Routes Middleware Components Utilities Hooks Public Assets Deployment Files README.md Environment Variable Examples --- # Deliverables Generate: 1. Complete frontend source code 2. Complete backend source code 3. MongoDB schema 4. REST APIs 5. Authentication 6. Admin Dashboard 7. Contact Form 8. Gallery CMS 9. Blog CMS 10. Career Module 11. Deployment instructions 12. README 13. API documentation 14. Responsive design for mobile, tablet, laptop, and desktop 15. Use placeholder images that can easily be replaced later The final website should be polished, modern, production-ready, scalable, visually impressive, and suitable for deployment on Vercel (frontend) and Render or Railway (backend).