Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
196
src/app/page.tsx
196
src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { Shield, Terminal, Users } from "lucide-react";
|
||||
import { Shield, Terminal, Users, BookOpen, ChevronRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Dashboard", id: "#hero"},
|
||||
{
|
||||
name: "Academy",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Academy", id: "#features"},
|
||||
{
|
||||
name: "Commands",
|
||||
id: "#commands",
|
||||
},
|
||||
name: "Commands", id: "#commands"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
]}
|
||||
brandName="MHI Cyber Shield"
|
||||
/>
|
||||
@@ -53,107 +45,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="MHI Cyber Shield"
|
||||
description="Elite cybersecurity education platform. Master the craft of digital defense with our curated toolkit and modules."
|
||||
kpis={[
|
||||
{
|
||||
value: "12+",
|
||||
label: "Modules",
|
||||
},
|
||||
value: "12+", label: "Modules"},
|
||||
{
|
||||
value: "180+",
|
||||
label: "Commands",
|
||||
},
|
||||
value: "180+", label: "Commands"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Updates",
|
||||
},
|
||||
value: "24/7", label: "Updates"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Enter Academy",
|
||||
href: "#academy",
|
||||
},
|
||||
text: "Enter Academy", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laser-show-glowing-lines-neon-lights-with-black-background_181624-19576.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg",
|
||||
alt: "user-1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041839.jpg",
|
||||
alt: "user-2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ljn10u",
|
||||
alt: "user-3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg",
|
||||
alt: "user-4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041839.jpg",
|
||||
alt: "user-5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ elite defenders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ENCRYPTED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SECURE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "VULNERABILITY SCAN",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PENTEST READY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ADAPTIVE DEFENSE",
|
||||
},
|
||||
{ type: "text", text: "ENCRYPTED" },
|
||||
{ type: "text", text: "SECURE" },
|
||||
{ type: "text", text: "VULNERABILITY SCAN" },
|
||||
{ type: "text", text: "PENTEST READY" },
|
||||
{ type: "text", text: "ADAPTIVE DEFENSE" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Network Security",
|
||||
description: "Master protocol analysis and network hardening.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg",
|
||||
},
|
||||
{
|
||||
title: "Encryption Mastery",
|
||||
description: "Understand cryptography and secure communication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041839.jpg",
|
||||
},
|
||||
{
|
||||
title: "Penetration Testing",
|
||||
description: "Learn to identify vulnerabilities ethically.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ljn10u",
|
||||
},
|
||||
]}
|
||||
title="Cyber Academy"
|
||||
description="Advance your skills with our expert-led modules, designed for real-world scenarios."
|
||||
/>
|
||||
<TimelineHorizontalCardStack
|
||||
title="Academy Learning Path"
|
||||
description="Interactive, bilingual modules designed to take you from foundational concepts to advanced threat hunting."
|
||||
tag="Structured Curriculum"
|
||||
tagIcon={BookOpen}
|
||||
textboxLayout="split"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg", imageAlt: "Network Security" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041839.jpg", imageAlt: "Encryption Mastery" }
|
||||
]}
|
||||
>
|
||||
<div className="space-y-6">
|
||||
<p><strong>Module 01: Foundations (English/Hindi)</strong><br/>Comprehensive introduction to networking and security protocols.</p>
|
||||
<p><strong>Module 02: Advanced Defense</strong><br/>Deep dive into defensive strategies and automated scripts.</p>
|
||||
<p><strong>Module 03: Ethical Hacking</strong><br/>Real-world labs and penetration testing interactive simulations.</p>
|
||||
</div>
|
||||
</TimelineHorizontalCardStack>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
@@ -162,23 +99,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How to use copy feature?",
|
||||
content: "Simply click any command to copy it directly to your clipboard.",
|
||||
},
|
||||
id: "1", title: "How to use copy feature?", content: "Simply click any command to copy it directly to your clipboard."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is this content bilingual?",
|
||||
content: "Yes, toggle between English and Hindi using the language switch.",
|
||||
},
|
||||
id: "2", title: "Is this content bilingual?", content: "Yes, toggle between English and Hindi using the language switch."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is MHI free to use?",
|
||||
content: "Yes, our educational platform is open to all security enthusiasts.",
|
||||
},
|
||||
id: "3", title: "Is MHI free to use?", content: "Yes, our educational platform is open to all security enthusiasts."},
|
||||
]}
|
||||
title="Command Center Support"
|
||||
description="Common questions regarding our terminal commands and tool usage."
|
||||
title="Academy Support"
|
||||
description="Resources and FAQ to support your learning journey."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -192,23 +120,14 @@ export default function LandingPage() {
|
||||
description="Real-time statistics of our growing security ecosystem."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Shield,
|
||||
title: "Active Defense",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "m1", icon: Shield,
|
||||
title: "Active Defense", value: "99.9%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Terminal,
|
||||
title: "Total Scripts",
|
||||
value: "1.2k+",
|
||||
},
|
||||
id: "m2", icon: Terminal,
|
||||
title: "Total Scripts", value: "1.2k+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Active Users",
|
||||
value: "15k+",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Active Users", value: "15k+"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -217,8 +136,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Informed"
|
||||
description="Get the latest security threats and news delivered straight to your terminal."
|
||||
@@ -231,29 +149,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Toolkit",
|
||||
items: [
|
||||
title: "Toolkit", items: [
|
||||
{
|
||||
label: "Command Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Command Center", href: "#"},
|
||||
{
|
||||
label: "Academy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Academy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -263,4 +171,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user