sunny-hero

bysneha Pithadiya

Create a complete professional IT company website named "SH Innovations". IMPORTANT: - Generate FULL WORKING WEBSITE CODE (HTML + CSS + JS) - Do NOT give partial code or explanation - Output must be complete and ready to run -------------------------------------------------- MAIN GOAL: The HERO SECTION must closely match a premium IT company style like SH Innovations: - Left side: strong text content - Right side: illustration / abstract shape / image - Balanced layout with modern spacing -------------------------------------------------- HERO SECTION (STRICT MATCH STYLE): Create hero section with: LEFT SIDE: - Small tag line (example: "Technology Consulting & Software Development") - Big bold heading (2–3 lines) - Short professional paragraph - 2 buttons: - Primary: "Get Started" - Secondary: "Contact Us" RIGHT SIDE: - Modern illustration OR abstract gradient shapes OR tech-style image - Should feel premium and clean (not cartoonish) BACKGROUND: - Soft gradient (light + blue tones) - Subtle shapes or blur effects LAYOUT: - Two-column layout (text left, image right) - Center aligned vertically - Large padding (premium spacing) -------------------------------------------------- COLOR PALETTE (MATCH SH STYLE): - Dark Blue (#0A192F) - Bright Blue (#2563EB) - Light Blue / Cyan (#38BDF8) - White background sections - Soft gradients -------------------------------------------------- NAVIGATION + STRUCTURE: Pages (SPA style): - Home - About Us - ERP Solutions - Digital Marketing - Services -------------------------------------------------- BREADCRUMB (LIKE IMAGE STYLE): - Show on all pages except home - Format: Home / About Us / Know Us - Clean modern UI - Last item highlighted -------------------------------------------------- OTHER SECTIONS: - Services (modern cards with hover) - About section - Testimonials slider - Contact section - Footer -------------------------------------------------- INTERACTIONS: - Smooth scrolling - Hover effects - Section animations (fade/slide) - SPA navigation (no reload) -------------------------------------------------- RESPONSIVE: - Mobile-friendly - Hero stacks vertically on mobile - Navbar becomes hamburger menu -------------------------------------------------- OUTPUT RULES: - ONLY full code - No explanation - No placeholders - Must be complete working website -------------------------------------------------- FINAL NOTE: Hero section design must feel like a real premium IT company homepage, not generic template. Focus on strong layout, spacing, and visual balance.