Initial commit
This commit is contained in:
271
src/app/page.tsx
Normal file
271
src/app/page.tsx
Normal file
@@ -0,0 +1,271 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user