272 lines
12 KiB
TypeScript
272 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
import TagMediaSplitAbout from "@/components/sections/about/TagMediaSplitAbout";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Shield, Zap, CheckCircle, Users, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="dotGrid"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Safety", id: "features" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{ text: "Contact Us", href: "contact" }}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162557160-1og3tgnb.jpg"
|
|
logoAlt="Nuclear Plant Station Logo"
|
|
brandName="NuclearSafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="NuclearSafe"
|
|
description="Leading nuclear power generation with world-class safety standards and operational excellence."
|
|
buttons={[
|
|
{ text: "Learn About Safety", href: "features" },
|
|
{ text: "Get in Touch", href: "contact" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162558151-cbkqv5ok.jpg"
|
|
imageAlt="Nuclear power plant facility"
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TagMediaSplitAbout
|
|
variant="card"
|
|
title="Our Commitment to Excellence"
|
|
description="NuclearSafe operates with the highest standards of safety, security, and environmental responsibility. Every facility is engineered for maximum reliability."
|
|
tag="Mission"
|
|
tagIcon={Shield}
|
|
textboxLayout="default"
|
|
contentTag="OPERATIONAL INTEGRITY"
|
|
contentTagIcon={Zap}
|
|
contentTitle="Setting Industry Standards"
|
|
contentDescription="With over 30 years of operational experience, our nuclear power stations maintain perfect safety records through rigorous protocols, continuous monitoring, and unwavering commitment to protecting communities and the environment."
|
|
contentButtons={[{ text: "View Safety Records", href: "#" }]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162559901-m08q86w8.jpg"
|
|
imageAlt="Control room operations"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
features={[
|
|
{
|
|
title: "Advanced Safety Systems",
|
|
description: "Multi-layered passive and active safety mechanisms prevent any potential incidents. Continuous real-time monitoring across all systems.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162560942-3aj4r5c1.jpg"
|
|
},
|
|
{
|
|
title: "Certified Operations",
|
|
description: "All operators hold international certifications and undergo continuous training. Compliance with IAEA standards and regulations.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162559901-m08q86w8.jpg"
|
|
},
|
|
{
|
|
title: "Environmental Stewardship",
|
|
description: "Zero-emission clean energy generation with responsible nuclear waste management and recycling programs.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162558151-cbkqv5ok.jpg"
|
|
},
|
|
{
|
|
title: "Emergency Preparedness",
|
|
description: "Comprehensive emergency response protocols with dedicated teams, regular drills, and community safety communication programs.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162558151-cbkqv5ok.jpg"
|
|
}
|
|
]}
|
|
title="Safety First Operations"
|
|
description="Our facilities maintain the highest operational standards through cutting-edge technology and expert personnel."
|
|
tag="Safety Features"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
containerStyle="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
team={[
|
|
{
|
|
id: "1",
|
|
name: "Dr. Michael Chen",
|
|
role: "Chief Nuclear Officer",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162559022-wfvz7wm2.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sarah Williams",
|
|
role: "Safety Director",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162561738-sh6yg1m9.jpg"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "James Anderson",
|
|
role: "Operations Manager",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162557160-1og3tgnb.jpg"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Dr. Elena Rodriguez",
|
|
role: "Lead Engineer",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162558151-cbkqv5ok.jpg"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
title="Expert Leadership Team"
|
|
description="Comprised of internationally recognized nuclear professionals with decades of combined experience in safe facility operations."
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
tag="Our Team"
|
|
tagIcon={Users}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How safe are nuclear power plants?",
|
|
content: "Modern nuclear facilities like ours maintain multiple redundant safety systems. Our plants operate with a safety record better than the aviation industry, with zero major incidents since opening."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "What happens to nuclear waste?",
|
|
content: "All nuclear waste is securely stored in specially designed containers deep underground or at dedicated facilities. We follow IAEA guidelines for safe disposal and participate in international waste management programs."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "How is radiation contained?",
|
|
content: "Multiple containment barriers surround the reactor core. Our facilities are designed to prevent any radiation release under any circumstances, with continuous monitoring systems."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What emergency procedures exist?",
|
|
content: "We maintain comprehensive emergency response protocols, regular safety drills, and coordination with local authorities. Every staff member is trained for rapid response to any potential incident."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "How do you monitor operations 24/7?",
|
|
content: "Our control rooms operate continuously with certified operators monitoring all systems. Advanced sensors track every parameter, with automatic systems responding to any anomalies."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "What environmental impact does nuclear energy have?",
|
|
content: "Nuclear power is clean energy with zero greenhouse gas emissions during operation. Our facilities have minimal water impact and generate no air pollution unlike fossil fuel plants."
|
|
}
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Common questions about nuclear safety, operations, and environmental responsibility."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Have questions about our operations or safety protocols? Contact our team for more information about NuclearSafe."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Full Name",
|
|
required: true
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Email Address",
|
|
required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Your message or inquiry...",
|
|
rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162559022-wfvz7wm2.jpg"
|
|
imageAlt="Nuclear facility contact"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="NuclearSafe"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "News", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Safety",
|
|
items: [
|
|
{ label: "Safety Standards", href: "#features" },
|
|
{ label: "Emergency Response", href: "#" },
|
|
{ label: "Compliance", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Regulatory Info", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 NuclearSafe. All rights reserved. Committed to safe nuclear energy."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|