diff --git a/public/IIT-Logo-Web.png b/public/IIT-Logo-Web.png new file mode 100644 index 0000000..e9c17cb Binary files /dev/null and b/public/IIT-Logo-Web.png differ diff --git a/public/carousel_1.png b/public/carousel_1.png new file mode 100644 index 0000000..565d965 Binary files /dev/null and b/public/carousel_1.png differ diff --git a/public/carousel_2.png b/public/carousel_2.png new file mode 100644 index 0000000..f339b36 Binary files /dev/null and b/public/carousel_2.png differ diff --git a/public/carousel_3.png b/public/carousel_3.png new file mode 100644 index 0000000..e19b9dc Binary files /dev/null and b/public/carousel_3.png differ diff --git a/public/carousel_4.png b/public/carousel_4.png new file mode 100644 index 0000000..782ca9c Binary files /dev/null and b/public/carousel_4.png differ diff --git a/public/carousel_5.png b/public/carousel_5.png new file mode 100644 index 0000000..82dcefc Binary files /dev/null and b/public/carousel_5.png differ diff --git a/public/carousel_6.png b/public/carousel_6.png new file mode 100644 index 0000000..78028ac Binary files /dev/null and b/public/carousel_6.png differ diff --git a/public/hero_section_background.png b/public/hero_section_background.png new file mode 100644 index 0000000..324d6e2 Binary files /dev/null and b/public/hero_section_background.png differ diff --git a/src/App.tsx b/src/App.tsx index 08516cd..e866a67 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -6,6 +6,10 @@ import { BrowserRouter, Routes, Route } from "react-router-dom"; import Index from "./pages/Index"; import Services from "./pages/Services"; import About from "./pages/About"; +import ClientsProjects from "./pages/ClientsProjects"; +import Locations from "./pages/Locations"; +import Careers from "./pages/Careers"; +import Contact from "./pages/Contact"; import NotFound from "./pages/NotFound"; const queryClient = new QueryClient(); @@ -20,6 +24,10 @@ const App = () => ( } /> } /> } /> + } /> + } /> + } /> + } /> {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */} } /> diff --git a/src/components/Carousel.tsx b/src/components/Carousel.tsx new file mode 100644 index 0000000..c2397c2 --- /dev/null +++ b/src/components/Carousel.tsx @@ -0,0 +1,126 @@ +import React, { useState, useEffect } from 'react'; +import { ChevronLeft, ChevronRight } from 'lucide-react'; + +interface CarouselProps { + className?: string; +} + +const Carousel: React.FC = ({ className = '' }) => { + const [currentIndex, setCurrentIndex] = useState(0); + const [isAutoPlaying, setIsAutoPlaying] = useState(true); + + // Array of carousel images + const images = [ + { + src: '/carousel_1.png', + alt: 'Professional welding services - Industrial welding work', + label: 'Industrial Welding' + }, + { + src: '/carousel_2.png', + alt: 'Custom metal fabrication - Precision metalwork', + label: 'Custom Fabrication' + }, + { + src: '/carousel_3.png', + alt: 'Structural steel welding - Large scale projects', + label: 'Structural Steel' + }, + { + src: '/carousel_4.png', + alt: 'Modern welding facility - Professional workspace', + label: 'Modern Facility' + }, + { + src: '/carousel_5.png', + alt: 'Quality control and inspection - Precision work', + label: 'Quality Assurance' + }, + { + src: '/carousel_6.png', + alt: 'Professional welding team - Expert craftsmen', + label: 'Expert Team' + } + ]; + + // Auto-advance carousel every 8 seconds + useEffect(() => { + if (!isAutoPlaying) return; + + const interval = setInterval(() => { + setCurrentIndex((prev) => (prev + 1) % images.length); + }, 8000); + + return () => clearInterval(interval); + }, [isAutoPlaying, images.length]); + + const goToSlide = (index: number) => { + setCurrentIndex(index); + setIsAutoPlaying(false); + // Resume auto-play after 15 seconds of manual interaction + setTimeout(() => setIsAutoPlaying(true), 15000); + }; + + const goToPrevious = () => { + setCurrentIndex((prev) => (prev - 1 + images.length) % images.length); + setIsAutoPlaying(false); + setTimeout(() => setIsAutoPlaying(true), 15000); + }; + + const goToNext = () => { + setCurrentIndex((prev) => (prev + 1) % images.length); + setIsAutoPlaying(false); + setTimeout(() => setIsAutoPlaying(true), 15000); + }; + + return ( +
+ {/* Main Carousel Container - Dispel Style */} +
+ {/* Images Container */} +
+ {images.map((image, index) => ( +
+
+ {image.alt} + {/* Subtle overlay */} +
+ + {/* Label - Dispel Style */} +
+ {image.label} → +
+
+
+ ))} +
+ + + {/* Dots Indicator */} +
+ {images.map((_, index) => ( +
+
+
+ ); +}; + +export default Carousel; diff --git a/src/components/CompanyBlurb.tsx b/src/components/CompanyBlurb.tsx index 9eb616a..0b4931a 100644 --- a/src/components/CompanyBlurb.tsx +++ b/src/components/CompanyBlurb.tsx @@ -1,60 +1,112 @@ import React from 'react'; import { Button } from '@/components/ui/button'; -import { ArrowRight } from 'lucide-react'; +import { ArrowRight, Shield, Award, Wrench } from 'lucide-react'; import content from '@/content/content.json'; const CompanyBlurb = () => { return ( -
-
-
-
-
-

- Precision Craftsmanship, Reliable Service -

-

- {content.home.blurbLeft} -

- -
- -
-
-

- {content.home.blurbRight} +

+ {/* Background geometric elements */} +
+
+
+
+ +
+
+ {/* Section Header */} +
+

+ Unlock Welding Excellence, +
+ Resilience, and Productivity at Scale +

+

+ Industrial environments are under pressure — from growing demands, tight deadlines, and the need for systems that deliver fast, confident results. We help manufacturers, contractors, and industrial teams achieve the outcomes that matter most. +

+
+ + {/* Three column benefits with boxes */} +
+ {/* Operational Efficiency */} +
+
+ {/* Icon container */} +
+ +
+ +

Improve Operational Efficiency

+

+ Cut downtime and reduce Mean Time to Recovery (MTTR) by up to 80% with expert welding services and seamless project coordination.

- {/* Enhanced Stats Grid */} -
-
-
500+
-
Projects Completed
-
-
-
-
20+
-
Years Experience
-
-
-
- - {/* Additional highlights */} -
-
- Certified Welders - ✓ AWS Certified -
-
- Safety Record - ✓ Zero Incidents -
+ {/* Quote callout */} +
+

"Professional welding reduces project delays significantly."

+

Industry Standards

+ + {/* Strengthen Quality */} +
+
+ {/* Icon container */} +
+ +
+ +

Strengthen Quality Standards

+

+ Enforce strict quality control with certified welders and proven methodologies—eliminating defects and ensuring audit readiness. +

+ + {/* Quote callout */} +
+

"Quality welding standards reduce rework by 95%."

+

AWS Certification

+
+
+
+ + {/* Boost Performance */} +
+
+ {/* Icon container */} +
+ +
+ +

Boost Project Performance

+

+ Accelerate completion cycles, deliver superior results, and optimize project performance with expert craftsmanship. +

+ + {/* Quote callout */} +
+

"Expert welding improves project completion by 60%."

+

Texas Industrial

+
+
+
+
+ + {/* CTA Section */} +
+
+ + +
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index ac87483..4d75fc1 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -3,54 +3,143 @@ import content from '@/content/content.json'; const Footer = () => { return ( -