Merge version_1 into main #2

Merged
bender merged 6 commits from version_1 into main 2026-03-29 11:29:10 +00:00
6 changed files with 351 additions and 675 deletions

View File

@@ -9,109 +9,73 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
import TextAbout from '@/components/sections/about/TextAbout';
import { Building2 } from "lucide-react";
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Careers",
id: "/careers",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="CREW"
/>
</div>
<div id="about-overview" data-section="about-overview">
<TextAbout
useInvertedBackground={true}
title="Engineering Excellence Since Our Inception"
buttons={[
{
text: "Learn More",
href: "/about",
},
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="Engineering the Future"
description="Founded with a vision for precision."
subdescription="Chennai Radha Engineering Works is a premier industrial partner."
icon={Building2}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=11"
mediaAnimation="fade-in"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
title="Core Values"
description="What drives us every single day."
features={[
{
id: 1,
title: "Integrity",
description: "Honest work.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png?_wi=2",
},
{
id: 2,
title: "Precision",
description: "High standards.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png?_wi=3",
},
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Careers", id: "/careers" },
{ name: "Contact", id: "/contact" }
]}
brandName="CREW"
/>
</div>
<div id="about-overview" data-section="about-overview">
<TextAbout
useInvertedBackground={true}
title="Engineering Excellence Since Our Inception"
buttons={[{ text: "Learn More", href: "/about" }]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="Engineering the Future"
description="Founded with a vision for precision."
subdescription="Chennai Radha Engineering Works is a premier industrial partner."
icon={Building2}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png"
mediaAnimation="slide-up"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
title="Core Values"
description="What drives us every single day."
features={[
{ id: 1, title: "Integrity", description: "Honest work.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png" },
{ id: 2, title: "Precision", description: "High standards.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png" }
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -6,83 +6,54 @@ import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function LandingPage() {
export default function CareersPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Careers",
id: "/careers",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="CREW"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
title="Join the Team"
description="Help us build the next generation of energy solutions."
features={[
{
id: 1,
title: "Field Engineer",
description: "On-site expertise.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-engineering-manager-portrai-1774783679884-ff62351d.png?_wi=2",
},
{
id: 2,
title: "Project Manager",
description: "Lead our success.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/experienced-plant-supervisor-headshot-1774783680242-29ed8e11.png?_wi=2",
},
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Careers", id: "/careers" },
{ name: "Contact", id: "/contact" }
]}
brandName="CREW"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
title="Join the Team"
description="Help us build the next generation of energy solutions."
features={[
{ id: 1, title: "Field Engineer", description: "On-site expertise.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-engineering-manager-portrai-1774783679884-ff62351d.png" },
{ id: 2, title: "Project Manager", description: "Lead our success.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/experienced-plant-supervisor-headshot-1774783680242-29ed8e11.png" }
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -8,106 +8,68 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { MapPin, Phone } from "lucide-react";
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Careers",
id: "/careers",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="CREW"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Contact Us"
description="Reach out anytime."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png?_wi=6"
mediaAnimation="slide-up"
inputs={[
{
name: "email",
type: "email",
placeholder: "Email",
},
{
name: "name",
type: "text",
placeholder: "Name",
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Visit Our Headquarters"
description="Located in the heart of Chennai."
metrics={[
{
id: "l1",
icon: MapPin,
title: "Location",
value: "Chennai",
},
{
id: "l2",
icon: Phone,
title: "Support",
value: "Call 24/7",
},
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Careers", id: "/careers" },
{ name: "Contact", id: "/contact" }
]}
brandName="CREW"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Contact Us"
description="Reach out anytime."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png"
mediaAnimation="slide-up"
inputs={[
{ name: "email", type: "email", placeholder: "Email" },
{ name: "name", type: "text", placeholder: "Name" }
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Visit Our Headquarters"
description="Located in the heart of Chennai."
metrics={[
{ id: "l1", icon: MapPin, title: "Location", value: "Chennai" },
{ id: "l2", icon: Phone, title: "Support", value: "Call 24/7" }
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -17,284 +17,121 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Careers",
id: "/careers",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="CREW"
/>
</div>
<div id="home-hero" data-section="home-hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="Where Profession and Passion Come Together"
description="Chennai Radha Engineering Works Pvt. Ltd. (CREW) delivers excellence in thermal energy, engineering services, and industrial maintenance across India."
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=1",
imageAlt: "Thermal Power Plant",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=2",
imageAlt: "Industrial Engineering",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=3",
imageAlt: "Power Maintenance",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=4",
imageAlt: "Thermal Plant Site",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=5",
imageAlt: "Engineering Facility",
},
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=6",
imageAlt: "Thermal Power Plant",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=7",
imageAlt: "Industrial Engineering",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=8",
imageAlt: "Power Maintenance",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=9",
imageAlt: "Thermal Plant Site",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=10",
imageAlt: "Engineering Facility",
},
]}
buttons={[
{
text: "Partner With Us Today",
href: "/contact",
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Our Engineering Impact"
description="Driven by precision, integrity, and decades of field experience."
metrics={[
{
id: "m1",
icon: Building2,
title: "Projects Completed",
value: "500+",
},
{
id: "m2",
icon: Users,
title: "Expert Engineers",
value: "150+",
},
{
id: "m3",
icon: Timer,
title: "Years of Experience",
value: "25+",
},
{
id: "m4",
icon: CheckCircle,
title: "Safety Record",
value: "100%",
},
{
id: "m5",
icon: Building,
title: "Clients Served",
value: "80+",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
title="Frequently Asked Questions"
description="Everything you need to know about our engineering services."
faqsAnimation="blur-reveal"
faqs={[
{
id: "f1",
title: "What industries does CREW serve?",
content: "We primarily focus on thermal power plants and heavy industrial manufacturing.",
},
{
id: "f2",
title: "Do you provide pan-India services?",
content: "Yes, we maintain a robust footprint across major industrial hubs in India.",
},
{
id: "f3",
title: "How do I request a site audit?",
content: "Use our contact form or reach out directly to our operations team.",
},
{
id: "f4",
title: "What certifications do your engineers hold?",
content: "Our team holds industry-standard safety and engineering certifications.",
},
{
id: "f5",
title: "Do you offer maintenance contracts?",
content: "Yes, we provide long-term comprehensive maintenance support packages.",
},
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
title="Trusted by Leaders"
description="What our industrial partners say about our work."
testimonials={[
{
id: "t1",
title: "Reliable Partner",
quote: "CREW has been instrumental in our plant's operational efficiency.",
name: "Rajesh Kumar",
role: "Plant Manager",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-business-executive-headshot-1774783679488-d75763e8.png?_wi=1",
},
{
id: "t2",
title: "Technical Prowess",
quote: "Their engineering team provides unmatched attention to detail.",
name: "Anita Sharma",
role: "Operations Head",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-engineering-manager-portrai-1774783679884-ff62351d.png?_wi=1",
},
{
id: "t3",
title: "Safety First",
quote: "We value their strict adherence to safety protocols during maintenance.",
name: "Vijay Gupta",
role: "Safety Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/experienced-plant-supervisor-headshot-1774783680242-29ed8e11.png?_wi=1",
},
{
id: "t4",
title: "Quality Driven",
quote: "Consistent performance across all our site projects.",
name: "Suresh Rao",
role: "Energy Consultant",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/confident-industry-professional-portrait-1774783679570-5c114192.png",
},
{
id: "t5",
title: "Rapid Response",
quote: "They respond fast during critical equipment downtime.",
name: "Priya Reddy",
role: "Technical Lead",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-business-executive-headshot-1774783679488-d75763e8.png?_wi=2",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch"
description="Contact our team to discuss your industrial engineering requirements."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png?_wi=1"
mediaAnimation="slide-up"
inputs={[
{
name: "name",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{
name: "company",
type: "text",
placeholder: "Company Name",
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
},
]}
textarea={{
name: "message",
placeholder: "How can we help?",
rows: 4,
required: true,
}}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Careers", id: "/careers" },
{ name: "Contact", id: "/contact" }
]}
brandName="CREW"
/>
</div>
<div id="home-hero" data-section="home-hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="Where Profession and Passion Come Together"
description="Chennai Radha Engineering Works Pvt. Ltd. (CREW) delivers excellence in thermal energy, engineering services, and industrial maintenance across India."
leftCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png", imageAlt: "Thermal Power Plant" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png", imageAlt: "Industrial Engineering" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png", imageAlt: "Power Maintenance" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png", imageAlt: "Thermal Plant Site" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png", imageAlt: "Engineering Facility" }
]}
rightCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png", imageAlt: "Thermal Power Plant" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png", imageAlt: "Industrial Engineering" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png", imageAlt: "Power Maintenance" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png", imageAlt: "Thermal Plant Site" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png", imageAlt: "Engineering Facility" }
]}
buttons={[{ text: "Partner With Us Today", href: "/contact" }]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Our Engineering Impact"
description="Driven by precision, integrity, and decades of field experience."
metrics={[
{ id: "m1", icon: Building2, title: "Projects Completed", value: "500+" },
{ id: "m2", icon: Users, title: "Expert Engineers", value: "150+" },
{ id: "m3", icon: Timer, title: "Years of Experience", value: "25+" },
{ id: "m4", icon: CheckCircle, title: "Safety Record", value: "100%" },
{ id: "m5", icon: Building, title: "Clients Served", value: "80+" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
title="Frequently Asked Questions"
description="Everything you need to know about our engineering services."
faqsAnimation="blur-reveal"
faqs={[
{ id: "f1", title: "What industries does CREW serve?", content: "We primarily focus on thermal power plants and heavy industrial manufacturing." },
{ id: "f2", title: "Do you provide pan-India services?", content: "Yes, we maintain a robust footprint across major industrial hubs in India." },
{ id: "f3", title: "How do I request a site audit?", content: "Use our contact form or reach out directly to our operations team." },
{ id: "f4", title: "What certifications do your engineers hold?", content: "Our team holds industry-standard safety and engineering certifications." },
{ id: "f5", title: "Do you offer maintenance contracts?", content: "Yes, we provide long-term comprehensive maintenance support packages." }
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
title="Trusted by Leaders"
description="What our industrial partners say about our work."
testimonials={[
{ id: "t1", title: "Reliable Partner", quote: "CREW has been instrumental in our plant's operational efficiency.", name: "Rajesh Kumar", role: "Plant Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-business-executive-headshot-1774783679488-d75763e8.png" },
{ id: "t2", title: "Technical Prowess", quote: "Their engineering team provides unmatched attention to detail.", name: "Anita Sharma", role: "Operations Head", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-engineering-manager-portrai-1774783679884-ff62351d.png" },
{ id: "t3", title: "Safety First", quote: "We value their strict adherence to safety protocols during maintenance.", name: "Vijay Gupta", role: "Safety Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/experienced-plant-supervisor-headshot-1774783680242-29ed8e11.png" },
{ id: "t4", title: "Quality Driven", quote: "Consistent performance across all our site projects.", name: "Suresh Rao", role: "Energy Consultant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/confident-industry-professional-portrait-1774783679570-5c114192.png" },
{ id: "t5", title: "Rapid Response", quote: "They respond fast during critical equipment downtime.", name: "Priya Reddy", role: "Technical Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-business-executive-headshot-1774783679488-d75763e8.png" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch"
description="Contact our team to discuss your industrial engineering requirements."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png"
mediaAnimation="slide-up"
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "company", type: "text", placeholder: "Company Name" },
{ name: "phone", type: "tel", placeholder: "Phone Number" }
]}
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -6,83 +6,54 @@ import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function LandingPage() {
export default function ProjectsPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Careers",
id: "/careers",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="CREW"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
title="Latest Projects"
description="Showcasing our impact across sites."
features={[
{
id: 1,
title: "Thermal Boiler Upgrade",
description: "Full system overhaul.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=12",
},
{
id: 2,
title: "Regional Power Site",
description: "Large scale installation.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png?_wi=13",
},
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Careers", id: "/careers" },
{ name: "Contact", id: "/contact" }
]}
brandName="CREW"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
title="Latest Projects"
description="Showcasing our impact across sites."
features={[
{ id: 1, title: "Thermal Boiler Upgrade", description: "Full system overhaul.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png" },
{ id: 2, title: "Regional Power Site", description: "Large scale installation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/professional-wide-shot-of-thermal-power--1774783680432-3e6f998c.png" }
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -6,83 +6,54 @@ import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function LandingPage() {
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Careers",
id: "/careers",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="CREW"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
title="Our Services"
description="Broad range of engineering expertise."
features={[
{
id: 1,
title: "Thermal Plant Maintenance",
description: "Efficiency for boilers.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png?_wi=4",
},
{
id: 2,
title: "Electrical Engineering",
description: "Grid support.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png?_wi=5",
},
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "Careers", id: "/careers" },
{ name: "Contact", id: "/contact" }
]}
brandName="CREW"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardSix
textboxLayout="default"
useInvertedBackground={false}
title="Our Services"
description="Broad range of engineering expertise."
features={[
{ id: 1, title: "Thermal Plant Maintenance", description: "Efficiency for boilers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png" },
{ id: 2, title: "Electrical Engineering", description: "Grid support.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcLvfVpYbfgWEL5BUwr2K6jxdX/industrial-engineering-maintenance-close-1774783679699-eefd3d50.png" }
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterLogoReveal
logoText="CREW"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}