Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fe88bbbe53 | |||
| ea844cca8c | |||
| d055393468 | |||
| 66e25b6064 | |||
| ba538621ed | |||
| 25a8c3fc22 | |||
| cda8e5389e | |||
| bf2ee44fae | |||
| 7899b4766e |
@@ -28,27 +28,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "/events",
|
||||
},
|
||||
name: "Events", id: "/events"},
|
||||
{
|
||||
name: "Chapters",
|
||||
id: "/chapter",
|
||||
},
|
||||
name: "Chapters", id: "/chapter"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/top-view-elections-concept-with-sign_23-2148499933.jpg"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780877157402-ru83wxqx.jpg"
|
||||
logoAlt="Controversy Meets Conversation Logo"
|
||||
brandName="CMC"
|
||||
/>
|
||||
@@ -62,17 +52,11 @@ export default function LandingPage() {
|
||||
description="Controversy Meets Conversation was founded on the belief that robust, respectful dialogue is the cornerstone of a healthy democracy. We strive to cultivate a future where individuals, regardless of background, can engage with complex issues, understand diverse perspectives, and work collaboratively towards common goals."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Bridge Divides",
|
||||
description: "Create pathways for understanding across ideological and social lines.",
|
||||
},
|
||||
title: "Bridge Divides", description: "Create pathways for understanding across ideological and social lines."},
|
||||
{
|
||||
title: "Empower Voices",
|
||||
description: "Equip every individual with the skills to express their views effectively and respectfully.",
|
||||
},
|
||||
title: "Empower Voices", description: "Equip every individual with the skills to express their views effectively and respectfully."},
|
||||
{
|
||||
title: "Inspire Action",
|
||||
description: "Transform dialogue into informed action for positive societal change.",
|
||||
},
|
||||
title: "Inspire Action", description: "Transform dialogue into informed action for positive societal change."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780876229304-sin0d0oo.jpg?_wi=2"
|
||||
imageAlt="Students engaged in a facilitated discussion in a school setting"
|
||||
@@ -87,23 +71,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Participants Engaged",
|
||||
value: "2,500+",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Participants Engaged", value: "2,500+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Award,
|
||||
title: "Workshops Hosted",
|
||||
value: "150+",
|
||||
},
|
||||
id: "2", icon: Award,
|
||||
title: "Workshops Hosted", value: "150+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: GraduationCap,
|
||||
title: "Chapters Established",
|
||||
value: "12+",
|
||||
},
|
||||
id: "3", icon: GraduationCap,
|
||||
title: "Chapters Established", value: "12+"},
|
||||
]}
|
||||
title="Our Impact & Reach"
|
||||
description="Witness the tangible results of our commitment to fostering informed and respectful civic discourse across communities."
|
||||
@@ -118,26 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Founder & CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",
|
||||
imageAlt: "Portrait of John Doe",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "Founder & CEO", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg", imageAlt: "Portrait of John Doe"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "Program Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
|
||||
imageAlt: "Portrait of Jane Smith",
|
||||
},
|
||||
id: "2", name: "Jane Smith", role: "Program Director", imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", imageAlt: "Portrait of Jane Smith"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dr. Alan Turing",
|
||||
role: "Advisory Board",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-huddled-around-table-working_329181-17080.jpg",
|
||||
imageAlt: "Portrait of Dr. Alan Turing",
|
||||
},
|
||||
id: "3", name: "Dr. Alan Turing", role: "Advisory Board", imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-huddled-around-table-working_329181-17080.jpg", imageAlt: "Portrait of Dr. Alan Turing"},
|
||||
]}
|
||||
title="Meet Our Team"
|
||||
description="Dedicated leaders and educators passionate about empowering the next generation of engaged citizens."
|
||||
@@ -146,67 +106,42 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoSrc="http://img.b2bpic.net/free-photo/top-view-elections-concept-with-sign_23-2148499933.jpg"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780877157402-ru83wxqx.jpg"
|
||||
logoAlt="CMC Logo"
|
||||
logoText="Controversy Meets Conversation"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "/events",
|
||||
},
|
||||
label: "Events", href: "/events"},
|
||||
{
|
||||
label: "Start a Chapter",
|
||||
href: "/chapter",
|
||||
},
|
||||
label: "Start a Chapter", href: "/chapter"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Volunteer",
|
||||
href: "#",
|
||||
},
|
||||
label: "Volunteer", href: "#"},
|
||||
{
|
||||
label: "Donate",
|
||||
href: "#",
|
||||
},
|
||||
label: "Donate", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -216,4 +151,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -26,27 +26,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "/events",
|
||||
},
|
||||
name: "Events", id: "/events"},
|
||||
{
|
||||
name: "Chapters",
|
||||
id: "/chapter",
|
||||
},
|
||||
name: "Chapters", id: "/chapter"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/top-view-elections-concept-with-sign_23-2148499933.jpg"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780877157402-ru83wxqx.jpg"
|
||||
logoAlt="Controversy Meets Conversation Logo"
|
||||
brandName="CMC"
|
||||
/>
|
||||
@@ -60,23 +50,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Empower Students",
|
||||
description: "Develop leadership and communication skills in a supportive environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-schoolboy-using-hands-sanitizer-classroom_637285-8706.jpg",
|
||||
imageAlt: "Students collaborating on a project in a school setting",
|
||||
},
|
||||
title: "Empower Students", description: "Develop leadership and communication skills in a supportive environment.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-schoolboy-using-hands-sanitizer-classroom_637285-8706.jpg", imageAlt: "Students collaborating on a project in a school setting"},
|
||||
{
|
||||
title: "Curriculum Support",
|
||||
description: "Access resources and guidance to integrate civic discourse into your school's programs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leadership-leader-authoritarian-management-trainer-concept_53876-123784.jpg",
|
||||
imageAlt: "Teacher helping students with their work",
|
||||
},
|
||||
title: "Curriculum Support", description: "Access resources and guidance to integrate civic discourse into your school's programs.", imageSrc: "http://img.b2bpic.net/free-photo/leadership-leader-authoritarian-management-trainer-concept_53876-123784.jpg", imageAlt: "Teacher helping students with their work"},
|
||||
{
|
||||
title: "National Network",
|
||||
description: "Connect with other chapters and share best practices across the country.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-female-student-with-blonde-hair-glasses-standing-classmates-looking-with-smile-asian-boy-blissful-friends-discussing-exams-outdoor_197531-3867.jpg",
|
||||
imageAlt: "Diverse group of students on a school campus",
|
||||
},
|
||||
title: "National Network", description: "Connect with other chapters and share best practices across the country.", imageSrc: "http://img.b2bpic.net/free-photo/charming-female-student-with-blonde-hair-glasses-standing-classmates-looking-with-smile-asian-boy-blissful-friends-discussing-exams-outdoor_197531-3867.jpg", imageAlt: "Diverse group of students on a school campus"},
|
||||
]}
|
||||
title="Bring CMC to Your School"
|
||||
description="Empower students to engage in critical thinking, respectful dialogue, and community building by starting a Controversy Meets Conversation chapter at your educational institution."
|
||||
@@ -88,20 +66,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are the requirements to start a chapter?",
|
||||
content: "Typically, you'll need a faculty advisor, a core group of interested students, and a commitment to our mission of civic discourse.",
|
||||
},
|
||||
id: "1", title: "What are the requirements to start a chapter?", content: "Typically, you'll need a faculty advisor, a core group of interested students, and a commitment to our mission of civic discourse."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What support does CMC provide?",
|
||||
content: "We offer guidance on event planning, curriculum resources, training for student leaders, and marketing materials.",
|
||||
},
|
||||
id: "2", title: "What support does CMC provide?", content: "We offer guidance on event planning, curriculum resources, training for student leaders, and marketing materials."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long does it take to establish a chapter?",
|
||||
content: "The process varies by school, but we work to make it as streamlined as possible, typically a few weeks to a couple of months.",
|
||||
},
|
||||
id: "3", title: "How long does it take to establish a chapter?", content: "The process varies by school, but we work to make it as streamlined as possible, typically a few weeks to a couple of months."},
|
||||
]}
|
||||
sideTitle="Starting a CMC Chapter"
|
||||
sideDescription="Have questions about bringing Controversy Meets Conversation to your school? Find your answers here."
|
||||
@@ -113,67 +82,42 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoSrc="http://img.b2bpic.net/free-photo/top-view-elections-concept-with-sign_23-2148499933.jpg"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780877157402-ru83wxqx.jpg"
|
||||
logoAlt="CMC Logo"
|
||||
logoText="Controversy Meets Conversation"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "/events",
|
||||
},
|
||||
label: "Events", href: "/events"},
|
||||
{
|
||||
label: "Start a Chapter",
|
||||
href: "/chapter",
|
||||
},
|
||||
label: "Start a Chapter", href: "/chapter"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Volunteer",
|
||||
href: "#",
|
||||
},
|
||||
label: "Volunteer", href: "#"},
|
||||
{
|
||||
label: "Donate",
|
||||
href: "#",
|
||||
},
|
||||
label: "Donate", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -183,4 +127,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -26,27 +26,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "/events",
|
||||
},
|
||||
name: "Events", id: "/events"},
|
||||
{
|
||||
name: "Chapters",
|
||||
id: "/chapter",
|
||||
},
|
||||
name: "Chapters", id: "/chapter"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/top-view-elections-concept-with-sign_23-2148499933.jpg"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780877157402-ru83wxqx.jpg"
|
||||
logoAlt="Controversy Meets Conversation Logo"
|
||||
brandName="CMC"
|
||||
/>
|
||||
@@ -56,18 +46,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Reach Out to Controversy Meets Conversation"
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@cmc.org",
|
||||
},
|
||||
text: "Email Us", href: "mailto:info@cmc.org"},
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Us", href: "tel:+15551234567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -77,14 +62,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Twitter",
|
||||
"Facebook",
|
||||
"Instagram",
|
||||
"LinkedIn",
|
||||
"YouTube",
|
||||
"TikTok",
|
||||
"Discord",
|
||||
]}
|
||||
"Twitter", "Facebook", "Instagram", "LinkedIn", "YouTube", "TikTok", "Discord"]}
|
||||
title="Connect With Us"
|
||||
description="Follow us on social media for updates, event announcements, and daily insights into civic discourse."
|
||||
/>
|
||||
@@ -92,67 +70,42 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoSrc="http://img.b2bpic.net/free-photo/top-view-elections-concept-with-sign_23-2148499933.jpg"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780877157402-ru83wxqx.jpg"
|
||||
logoAlt="CMC Logo"
|
||||
logoText="Controversy Meets Conversation"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "/events",
|
||||
},
|
||||
label: "Events", href: "/events"},
|
||||
{
|
||||
label: "Start a Chapter",
|
||||
href: "/chapter",
|
||||
},
|
||||
label: "Start a Chapter", href: "/chapter"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Volunteer",
|
||||
href: "#",
|
||||
},
|
||||
label: "Volunteer", href: "#"},
|
||||
{
|
||||
label: "Donate",
|
||||
href: "#",
|
||||
},
|
||||
label: "Donate", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -162,4 +115,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -36,7 +36,7 @@ export default function LandingPage() {
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/top-view-elections-concept-with-sign_23-2148499933.jpg"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780877157402-ru83wxqx.jpg"
|
||||
logoAlt="Controversy Meets Conversation Logo"
|
||||
brandName="CMC"
|
||||
/>
|
||||
@@ -84,7 +84,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoSrc="http://img.b2bpic.net/free-photo/top-view-elections-concept-with-sign_23-2148499933.jpg"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780877157402-ru83wxqx.jpg"
|
||||
logoAlt="CMC Logo"
|
||||
logoText="Controversy Meets Conversation"
|
||||
columns={[
|
||||
@@ -129,4 +129,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
204
src/app/page.tsx
204
src/app/page.tsx
@@ -8,7 +8,6 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,27 +28,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "/events",
|
||||
},
|
||||
name: "Events", id: "/events"},
|
||||
{
|
||||
name: "Chapters",
|
||||
id: "/chapter",
|
||||
},
|
||||
name: "Chapters", id: "/chapter"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/top-view-elections-concept-with-sign_23-2148499933.jpg"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780877157402-ru83wxqx.jpg"
|
||||
logoAlt="Controversy Meets Conversation Logo"
|
||||
brandName="CMC"
|
||||
/>
|
||||
@@ -58,35 +47,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Controversy Meets Conversation"
|
||||
description="Fostering meaningful dialogue and understanding across diverse perspectives and bridging divides."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780876229304-sin0d0oo.jpg?_wi=1",
|
||||
imageAlt: "Students listening to a speaker at a CMC event",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780876229304-sin0d0oo.jpg?_wi=1", imageAlt: "Students listening to a speaker at a CMC event"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780876229304-uagkstqf.jpg",
|
||||
imageAlt: "Student speaking at a CMC event with 'Change a Mind' banner",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780876229304-uagkstqf.jpg", imageAlt: "Student speaking at a CMC event with 'Change a Mind' banner"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780876229304-yn0akksn.jpg",
|
||||
imageAlt: "Speaker addressing students at a civic discourse event",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780876229304-yn0akksn.jpg", imageAlt: "Speaker addressing students at a civic discourse event"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780876229304-wnchlf7t.jpg",
|
||||
imageAlt: "Audience viewing a panel discussion",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780876229304-wnchlf7t.jpg", imageAlt: "Audience viewing a panel discussion"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/intelligent-students-working-classroom_23-2147656340.jpg",
|
||||
imageAlt: "Diverse group of young people engaged in active debate",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/intelligent-students-working-classroom_23-2147656340.jpg", imageAlt: "Diverse group of young people engaged in active debate"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-posing-with-notepads_23-2147663750.jpg",
|
||||
imageAlt: "Students participating in a group discussion on campus",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-posing-with-notepads_23-2147663750.jpg", imageAlt: "Students participating in a group discussion on campus"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,17 +75,11 @@ export default function LandingPage() {
|
||||
description="CMC (Controversy Meets Conversation) is dedicated to empowering individuals to engage in constructive civic discourse. We provide structured environments where challenging topics are explored respectfully, fostering critical thinking and empathy."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Structured Dialogues",
|
||||
description: "Facilitated discussions ensure productive and respectful exchanges on complex issues.",
|
||||
},
|
||||
title: "Structured Dialogues", description: "Facilitated discussions ensure productive and respectful exchanges on complex issues."},
|
||||
{
|
||||
title: "Empathy Building",
|
||||
description: "Programs designed to help participants understand and appreciate diverse viewpoints.",
|
||||
},
|
||||
title: "Empathy Building", description: "Programs designed to help participants understand and appreciate diverse viewpoints."},
|
||||
{
|
||||
title: "Community Engagement",
|
||||
description: "Creating spaces for meaningful connections and collaborative problem-solving.",
|
||||
},
|
||||
title: "Community Engagement", description: "Creating spaces for meaningful connections and collaborative problem-solving."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780876229304-5y58o8ss.jpg"
|
||||
imageAlt="CMC Controversy Meets Conversation Logo"
|
||||
@@ -125,100 +95,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Promote Understanding",
|
||||
description: "Bridge divides by encouraging active listening and respectful exchange of ideas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-technology-people-leisure-online-communication-happy-young-dark-skinned-male-holding-cell-phone-showing-something-his-stylish-caucasian-friend-both-looking-screen-smiling_273609-103.jpg",
|
||||
imageAlt: "Diverse group of people discussing ideas",
|
||||
},
|
||||
title: "Promote Understanding", description: "Bridge divides by encouraging active listening and respectful exchange of ideas.", imageSrc: "http://img.b2bpic.net/free-photo/modern-technology-people-leisure-online-communication-happy-young-dark-skinned-male-holding-cell-phone-showing-something-his-stylish-caucasian-friend-both-looking-screen-smiling_273609-103.jpg", imageAlt: "Diverse group of people discussing ideas"},
|
||||
{
|
||||
title: "Develop Critical Thinking",
|
||||
description: "Challenge assumptions and foster independent thought through rigorous debate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-student-posing-front-blackboard_23-2147650763.jpg",
|
||||
imageAlt: "Students engaged in critical thinking during a workshop",
|
||||
},
|
||||
title: "Develop Critical Thinking", description: "Challenge assumptions and foster independent thought through rigorous debate.", imageSrc: "http://img.b2bpic.net/free-photo/serious-student-posing-front-blackboard_23-2147650763.jpg", imageAlt: "Students engaged in critical thinking during a workshop"},
|
||||
{
|
||||
title: "Strengthen Communities",
|
||||
description: "Build stronger, more cohesive communities by enabling productive conversations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-young-friends-sitting-steps_74855-2718.jpg",
|
||||
imageAlt: "Diverse hands forming a circle, representing community",
|
||||
},
|
||||
title: "Strengthen Communities", description: "Build stronger, more cohesive communities by enabling productive conversations.", imageSrc: "http://img.b2bpic.net/free-photo/content-young-friends-sitting-steps_74855-2718.jpg", imageAlt: "Diverse hands forming a circle, representing community"},
|
||||
]}
|
||||
title="Why Civic Discourse Matters"
|
||||
description="In a world of increasing polarization, fostering constructive dialogue is more crucial than ever. CMC equips individuals with the skills to navigate differences and build common ground."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Aisha Khan",
|
||||
handle: "@AishaK_edu",
|
||||
testimonial: "CMC has truly changed the way my students approach sensitive topics. They've learned to listen, challenge, and connect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-communicating-business-brake_176420-5074.jpg",
|
||||
imageAlt: "Portrait of Aisha Khan",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Lee",
|
||||
handle: "@CivicMarcus",
|
||||
testimonial: "The facilitators are exceptional. I've gained so much perspective and confidence in expressing my views constructively.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
imageAlt: "Portrait of Marcus Lee",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dr. Sarah Chen",
|
||||
handle: "@DrSChen",
|
||||
testimonial: "As an educator, I see CMC as an essential tool for preparing young minds for active citizenship. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-wearing-casual-clothes-glasses-sitting-table-with-hand-chin-thinking-about-question-pensive-expression-smiling-with-thoughtful-face-doubt-concept_839833-15651.jpg",
|
||||
imageAlt: "Portrait of Dr. Sarah Chen",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Javier Rodriguez",
|
||||
handle: "@JavierR_dialogue",
|
||||
testimonial: "Before CMC, I avoided political discussions. Now, I feel equipped and excited to engage with different viewpoints.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-teen-boy-keeping-finger-jaw-looking-up-t-shirt-looking-pensive-front-view_176474-108981.jpg",
|
||||
imageAlt: "Portrait of Javier Rodriguez",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily White",
|
||||
handle: "@EmilyW_comm",
|
||||
testimonial: "The sessions are thought-provoking and incredibly well-managed. A fantastic initiative for our community!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-studying-with-notebooks-close-up_23-2149204801.jpg",
|
||||
imageAlt: "Portrait of Emily White",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Impact"
|
||||
description="Hear from participants and educators about the transformative power of Controversy Meets Conversation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"State University",
|
||||
"Community Foundation",
|
||||
"Youth Leadership Council",
|
||||
"Civic Engagement Institute",
|
||||
"Local School District",
|
||||
"Democracy Project",
|
||||
"Future Leaders Network",
|
||||
]}
|
||||
"State University", "Community Foundation", "Youth Leadership Council", "Civic Engagement Institute", "Local School District", "Democracy Project", "Future Leaders Network"]}
|
||||
title="Our Valued Partners"
|
||||
description="Collaborating with leading educational institutions and community organizations to expand civic discourse."
|
||||
/>
|
||||
@@ -226,67 +119,42 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoSrc="http://img.b2bpic.net/free-photo/top-view-elections-concept-with-sign_23-2148499933.jpg"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpWuLQrdKe7CGSmTG6T2l1Ypvr/uploaded-1780877157402-ru83wxqx.jpg"
|
||||
logoAlt="CMC Logo"
|
||||
logoText="Controversy Meets Conversation"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "/events",
|
||||
},
|
||||
label: "Events", href: "/events"},
|
||||
{
|
||||
label: "Start a Chapter",
|
||||
href: "/chapter",
|
||||
},
|
||||
label: "Start a Chapter", href: "/chapter"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Volunteer",
|
||||
href: "#",
|
||||
},
|
||||
label: "Volunteer", href: "#"},
|
||||
{
|
||||
label: "Donate",
|
||||
href: "#",
|
||||
},
|
||||
label: "Donate", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -296,4 +164,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user