Update src/app/page.tsx
This commit is contained in:
268
src/app/page.tsx
268
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EduCrime Guard"
|
||||
/>
|
||||
@@ -55,33 +43,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Empowering Education & Securing Futures"
|
||||
description="Comprehensive resources for academic growth, crime awareness, and dedicated professional consulting."
|
||||
tag="Education & Advisory"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-sitting-car_53876-20767.jpg?_wi=1",
|
||||
imageAlt: "online education platform",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-serious-business-people-having-brainstorm-meeting_171337-5878.jpg?_wi=1",
|
||||
imageAlt: "professional advisor meeting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-background-with-blank-notebook-objects-around_23-2147604702.jpg",
|
||||
imageAlt: "Wooden background with blank notebook and objects around",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-talking-mobile-phone-looking-digital-tablet-office_23-2147935551.jpg",
|
||||
imageAlt: "Close-up of a man talking on mobile phone looking at digital tablet in the office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boss-studying-reports-gadgets-screen_1262-18148.jpg",
|
||||
imageAlt: "Boss studying reports on gadgets screen",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-sitting-car_53876-20767.jpg", imageAlt: "online education platform" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-serious-business-people-having-brainstorm-meeting_171337-5878.jpg", imageAlt: "professional advisor meeting" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -106,79 +74,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Educational Resources",
|
||||
description: "Curated academic content for every level.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-success-strategy-marketing-computer-concept_53876-47081.jpg",
|
||||
imageAlt: "education resources dashboard",
|
||||
},
|
||||
title: "Educational Resources", description: "Curated academic content for every level.", media: { imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-success-strategy-marketing-computer-concept_53876-47081.jpg", imageAlt: "education resources dashboard" },
|
||||
items: [
|
||||
{
|
||||
icon: Book,
|
||||
text: "Structured learning paths",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
text: "Expert-led sessions",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Secure access",
|
||||
},
|
||||
{ icon: Book, text: "Structured learning paths" },
|
||||
{ icon: Users, text: "Expert-led sessions" },
|
||||
{ icon: Shield, text: "Secure access" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-sitting-car_53876-20767.jpg?_wi=2",
|
||||
imageAlt: "education resources dashboard",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Crime Awareness",
|
||||
description: "Proactive protection and education programs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tracking-shot-hooded-hacker-using-tablet-launch-cyber-attacks_482257-108303.jpg",
|
||||
imageAlt: "cyber crime awareness",
|
||||
},
|
||||
title: "Crime Awareness", description: "Proactive protection and education programs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/tracking-shot-hooded-hacker-using-tablet-launch-cyber-attacks_482257-108303.jpg", imageAlt: "cyber crime awareness" },
|
||||
items: [
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
text: "Real-time threat updates",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Safety assessment",
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
text: "Identity protection",
|
||||
},
|
||||
{ icon: AlertTriangle, text: "Real-time threat updates" },
|
||||
{ icon: ShieldCheck, text: "Safety assessment" },
|
||||
{ icon: Lock, text: "Identity protection" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-serious-business-people-having-brainstorm-meeting_171337-5878.jpg?_wi=2",
|
||||
imageAlt: "education resources dashboard",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Professional Consulting",
|
||||
description: "Personalized advice for all your needs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-computer-network-graphic-overlay_53876-128107.jpg",
|
||||
imageAlt: "secure client portal",
|
||||
},
|
||||
title: "Professional Consulting", description: "Personalized advice for all your needs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-working-computer-network-graphic-overlay_53876-128107.jpg", imageAlt: "secure client portal" },
|
||||
items: [
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "One-on-one sessions",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Proven strategies",
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
text: "Confidential process",
|
||||
},
|
||||
{ icon: MessageSquare, text: "One-on-one sessions" },
|
||||
{ icon: CheckCircle, text: "Proven strategies" },
|
||||
{ icon: Briefcase, text: "Confidential process" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-ring-binder_23-2149568972.jpg?_wi=1",
|
||||
imageAlt: "education resources dashboard",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Core Services"
|
||||
@@ -192,27 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Learners",
|
||||
description: "Empowered through education.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-ring-binder_23-2149568972.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Crime Reports",
|
||||
description: "Resolved or neutralized.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-results-summary-graph-chart-word-graphic_53876-133686.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Satisfaction",
|
||||
description: "Client success stories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chalkboard-bar-graph-illustration_1308-178898.jpg",
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Learners", description: "Empowered through education.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ring-binder_23-2149568972.jpg" },
|
||||
{ id: "m2", value: "500+", title: "Crime Reports", description: "Resolved or neutralized.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-results-summary-graph-chart-word-graphic_53876-133686.jpg" },
|
||||
{ id: "m3", value: "98%", title: "Satisfaction", description: "Client success stories.", imageSrc: "http://img.b2bpic.net/free-photo/chalkboard-bar-graph-illustration_1308-178898.jpg" },
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
description="Evidence of our commitment to quality."
|
||||
@@ -226,27 +128,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. A. Sharma",
|
||||
role: "Lead Educator",
|
||||
description: "Ex-Professor with 20 years experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149429377.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mr. Vikram Singh",
|
||||
role: "Security Advisor",
|
||||
description: "Former cybersecurity specialist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-barbed-wire-fence_23-2150368756.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ms. Sarah Jones",
|
||||
role: "Client Consultant",
|
||||
description: "Strategic partnership management expert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-lawyer-turning-pages-law-book-courtroom_23-2147898511.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Dr. A. Sharma", role: "Lead Educator", description: "Ex-Professor with 20 years experience.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149429377.jpg" },
|
||||
{ id: "t2", name: "Mr. Vikram Singh", role: "Security Advisor", description: "Former cybersecurity specialist.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-barbed-wire-fence_23-2150368756.jpg" },
|
||||
{ id: "t3", name: "Ms. Sarah Jones", role: "Client Consultant", description: "Strategic partnership management expert.", imageSrc: "http://img.b2bpic.net/free-photo/mature-lawyer-turning-pages-law-book-courtroom_23-2147898511.jpg" },
|
||||
]}
|
||||
title="Meet Our Experts"
|
||||
description="Professionals dedicated to your progress."
|
||||
@@ -258,56 +142,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rajesh Kumar",
|
||||
date: "2023-10-10",
|
||||
title: "Student",
|
||||
quote: "The education resources changed my career path.",
|
||||
tag: "Education",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-long-natural-straight-hair-white-perfect-smile-looking-happy-camera-standing-studio-background_176420-54102.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-classroom-interior-design_23-2150401374.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Meera Iyer",
|
||||
date: "2023-09-15",
|
||||
title: "Business Owner",
|
||||
quote: "Professional security advice that actually works.",
|
||||
tag: "Consulting",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-serious-colleagues-sitting-table-with-laptop-documents-cups-coffee-talking-medium-shot-teamwork-communication-concept_74855-11651.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethnic-businesswoman-working-modern-office_1098-20053.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amit Shah",
|
||||
date: "2023-08-20",
|
||||
title: "Professional",
|
||||
quote: "Highly responsive and confidential consulting.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/businessman-having-videocall-work_23-2148940777.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-items-white-table_482257-103657.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sunita Verma",
|
||||
date: "2023-07-25",
|
||||
title: "Parent",
|
||||
quote: "Safe and effective crime awareness programs.",
|
||||
tag: "Security",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-parents-kid_23-2149610835.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-college-library_23-2147678896.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
date: "2023-06-30",
|
||||
title: "Learner",
|
||||
quote: "Excellent learning experience throughout.",
|
||||
tag: "Learning",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-focused-young-man-typing-laptop-library_74855-4258.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-room-with-table-whiteboard_1262-3763.jpg",
|
||||
},
|
||||
{ id: "1", name: "Rajesh Kumar", date: "2023-10-10", title: "Student", quote: "The education resources changed my career path.", tag: "Education", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-long-natural-straight-hair-white-perfect-smile-looking-happy-camera-standing-studio-background_176420-54102.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-classroom-interior-design_23-2150401374.jpg" },
|
||||
{ id: "2", name: "Meera Iyer", date: "2023-09-15", title: "Business Owner", quote: "Professional security advice that actually works.", tag: "Consulting", avatarSrc: "http://img.b2bpic.net/free-photo/couple-serious-colleagues-sitting-table-with-laptop-documents-cups-coffee-talking-medium-shot-teamwork-communication-concept_74855-11651.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ethnic-businesswoman-working-modern-office_1098-20053.jpg" },
|
||||
{ id: "3", name: "Amit Shah", date: "2023-08-20", title: "Professional", quote: "Highly responsive and confidential consulting.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-having-videocall-work_23-2148940777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/variety-items-white-table_482257-103657.jpg" },
|
||||
{ id: "4", name: "Sunita Verma", date: "2023-07-25", title: "Parent", quote: "Safe and effective crime awareness programs.", tag: "Security", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-parents-kid_23-2149610835.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-college-library_23-2147678896.jpg" },
|
||||
{ id: "5", name: "David W.", date: "2023-06-30", title: "Learner", quote: "Excellent learning experience throughout.", tag: "Learning", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-focused-young-man-typing-laptop-library_74855-4258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-room-with-table-whiteboard_1262-3763.jpg" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What our community says about us."
|
||||
@@ -318,21 +157,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I consult?",
|
||||
content: "Book an appointment through our form.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it confidential?",
|
||||
content: "Privacy is our highest priority.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I join remotely?",
|
||||
content: "Yes, we offer fully remote options.",
|
||||
},
|
||||
{ id: "f1", title: "How do I consult?", content: "Book an appointment through our form." },
|
||||
{ id: "f2", title: "Is it confidential?", content: "Privacy is our highest priority." },
|
||||
{ id: "f3", title: "Can I join remotely?", content: "Yes, we offer fully remote options." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need quick clarity?"
|
||||
@@ -343,35 +170,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Talk"
|
||||
title="Start your journey today"
|
||||
description="Reach out to us for a personalized consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EduCrime Guard"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user