Merge version_2 into main #3
198
src/app/page.tsx
198
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,25 +28,15 @@ 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"
|
||||
logoAlt="Controversy Meets Conversation Logo"
|
||||
@@ -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."
|
||||
/>
|
||||
@@ -231,62 +124,37 @@ export default function LandingPage() {
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user