diff --git a/README.md b/README.md index 0edffcf..edfbc00 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -🏗️ Construction & House Painting Services – Landing Page - Live Link : https://constructionhomepag.netlify.app/ +🏗️ Construction & House Painting Services – Landing Page - Live Link : https://painting-construction-vww4.vercel.app/ A modern, fully responsive single-page website designed for Construction & House Painting businesses. Built with Vite + React + Bootstrap 5 for high performance, fast development, and seamless deployment on platforms like Netlify, Vercel, or GitHub Pages. diff --git a/public/images/colour_logo.png b/public/images/colour_logo.png new file mode 100644 index 0000000..29322c2 Binary files /dev/null and b/public/images/colour_logo.png differ diff --git a/public/images/home_renovation_work.jpg b/public/images/home_renovation_work.jpg new file mode 100644 index 0000000..f16b05d Binary files /dev/null and b/public/images/home_renovation_work.jpg differ diff --git a/public/images/modern_house_cleaned.png b/public/images/modern_house_cleaned.png new file mode 100644 index 0000000..c4489d5 Binary files /dev/null and b/public/images/modern_house_cleaned.png differ diff --git a/public/images/modern_house_img.png b/public/images/modern_house_img.png new file mode 100644 index 0000000..9dbe5e5 Binary files /dev/null and b/public/images/modern_house_img.png differ diff --git a/public/images/modern_house_one.png b/public/images/modern_house_one.png new file mode 100644 index 0000000..bdf0186 Binary files /dev/null and b/public/images/modern_house_one.png differ diff --git a/public/images/nadumuttam_veedu.png b/public/images/nadumuttam_veedu.png new file mode 100644 index 0000000..839e6d4 Binary files /dev/null and b/public/images/nadumuttam_veedu.png differ diff --git a/public/images/new_logo.png b/public/images/new_logo.png new file mode 100644 index 0000000..43964dc Binary files /dev/null and b/public/images/new_logo.png differ diff --git a/public/images/traditional_house.png b/public/images/traditional_house.png new file mode 100644 index 0000000..0238aae Binary files /dev/null and b/public/images/traditional_house.png differ diff --git a/public/images/wall_painting.webp b/public/images/wall_painting.webp new file mode 100644 index 0000000..bf7edbc Binary files /dev/null and b/public/images/wall_painting.webp differ diff --git a/public/images/waterprofing_painting.jpg b/public/images/waterprofing_painting.jpg new file mode 100644 index 0000000..bf40093 Binary files /dev/null and b/public/images/waterprofing_painting.jpg differ diff --git a/public/images/web_logo.png b/public/images/web_logo.png new file mode 100644 index 0000000..705a1f4 Binary files /dev/null and b/public/images/web_logo.png differ diff --git a/src/components/Gallery.jsx b/src/components/Gallery.jsx index a8ae8fa..c848b95 100644 --- a/src/components/Gallery.jsx +++ b/src/components/Gallery.jsx @@ -2,31 +2,33 @@ import { useEffect, useRef, useState } from 'react'; const images = [ { - src: '/images/contemporary_modern_house.jpg', + src: '/images/modern_house_one.png', title: 'Modern Villa in Thrissur', description: 'A complete residential painting project in Thrissur using premium-quality materials and modern design techniques for a durable, stunning finish.', caption: 'Project: Exterior Painting · High-quality weather protection', }, { - src: 'images/nalukettu_veedu.jpg', + src: 'images/nadumuttam_veedu.png', title: 'Traditional House Renovation', description: 'Expert home renovation in Kerala, preserving traditional charm with high-quality interior painting and advanced finishing works.', caption: 'Project: Heritage Restoration · Eco-friendly coatings', }, { - src: '/images/modern_home_three.jpg', + src: '/images/modern_house_cleaned.png', title: 'Luxury Flat Finishing', description: 'Interior painting and wall putty works for a luxury apartment in Thrissur, delivering a flawless modern look with skilled painters.', caption: 'Project: Interior Finishing · Seamless wall putty + texture', }, { - src: 'images/traditional_home_one.jpg', - title: 'Commercial Office Painting', + src: 'images/traditional_house.png', + title: 'Commercial Home Painting', description: 'Professional painting and maintenance for a commercial building in Thrissur, ensuring a professional and durable environment.', caption: 'Project: Office Workspace Refresh · Premium commercial grade paint', }, ]; +///////////////////////////////// + const sliderStyles = ` .gallery-section { padding: 0; @@ -75,8 +77,8 @@ const sliderStyles = ` } .gallery-item img.carousel-image { - width: 100vw; - height: 100vh; + width: 100%; + height: 100%; object-fit: cover; display: block; background: transparent; diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx index a159f44..3f2f043 100644 --- a/src/components/Navbar.jsx +++ b/src/components/Navbar.jsx @@ -60,11 +60,11 @@ const Navbar = () => { }} > Colour Finishers Thrissur Logo diff --git a/src/components/Services.jsx b/src/components/Services.jsx index 227af71..f44f397 100644 --- a/src/components/Services.jsx +++ b/src/components/Services.jsx @@ -2,21 +2,22 @@ const services = [ { title: 'Professional Painting', description: 'Specializing in interior and exterior painting, texture painting, and wall putty for a spotless, premium finish.', - image: '/images/service-house-painting.jpeg', + image: '/images/wall_painting.webp', }, { title: 'Construction & Renovation', description: 'Expert residential and commercial construction, new house builds, villa renovations, and modern office designs.', - image: '/images/service-interior-exterior.jpeg', + image: '/images/home_renovation_work.jpg', }, { title: 'Waterproofing & Finishing', description: 'Durable waterproofing solutions and complete build finishing works to protect and enhance your property.', - image: '/images/service-waterproofing-renovation (1).jpg', + image: '/images/waterprofing_painting.jpg', }, ]; const Services = () => { + return (