Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-20 18:39:39 +00:00

View File

@@ -25,413 +25,142 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Breaking",
id: "#breaking",
},
{
name: "Politics",
id: "#politics",
},
{
name: "Analysis",
id: "#analysis",
},
{
name: "Kurdistan",
id: "#kurdistan",
},
]}
brandName="RAWE MEDIA"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "#hero" },
{ name: "Breaking", id: "#breaking" },
{ name: "Politics", id: "#politics" },
{ name: "Analysis", id: "#analysis" },
{ name: "Kurdistan", id: "#kurdistan" },
]}
brandName="RAWE MEDIA"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient",
}}
title="RAWE MEDIA: The Voice of Kurdistan"
description="Providing independent coverage on Kurdish politics, regional issues, and Iranian opposition developments. Stay informed with our objective analysis."
buttons={[
{
text: "Read Latest",
href: "#breaking",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/flag-decorative-elements-blurred-surface_23-2148151360.jpg?_wi=1"
imageAlt="geopolitical map abstract dark"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/diverse-journalists-hosting-morning-show_482257-75786.jpg",
alt: "Diverse journalists hosting morning show",
},
{
src: "http://img.b2bpic.net/free-photo/host-night-show-broadcasts-fresh-footage-from-newsroom-offers-information-current-affairs-all-globe-worldwide-tv-program-media-correspondent-reporting-news_482257-72710.jpg",
alt: "Host of night show broadcasts fresh footage",
},
{
src: "http://img.b2bpic.net/free-photo/newscaster-does-report-with-greenscreen_482257-75870.jpg",
alt: "Newscaster does report with greenscreen",
},
{
src: "http://img.b2bpic.net/free-photo/tv-present-studio-preparing-new-broadcasting-smiling-girl-white-shirt-sitting-table_1157-47908.jpg",
alt: "Tv present at studio preparing for new broadcasting",
},
{
src: "http://img.b2bpic.net/free-photo/group-people-taking-interview-news_23-2149032364.jpg",
alt: "Group of people taking an interview",
},
]}
marqueeItems={[
{
type: "text",
text: "Breaking: Regional Political Developments",
},
{
type: "text",
text: "Analysis: Iranian Opposition Front",
},
{
type: "text",
text: "Update: Diplomatic Relations Report",
},
{
type: "text",
text: "Education: Advancement in Kurdistan",
},
{
type: "text",
text: "Focus: Regional Economic Shifts",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "sparkles-gradient" }}
title="RAWE MEDIA: The Voice of Kurdistan"
description="Providing independent coverage on Kurdish politics, regional issues, and Iranian opposition developments. Stay informed with our objective analysis."
buttons={[{ text: "Read Latest", href: "#breaking" }]}
imageSrc="http://img.b2bpic.net/free-photo/flag-decorative-elements-blurred-surface_23-2148151360.jpg"
imageAlt="geopolitical map abstract dark"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/diverse-journalists-hosting-morning-show_482257-75786.jpg", alt: "Diverse journalists hosting morning show" },
{ src: "http://img.b2bpic.net/free-photo/host-night-show-broadcasts-fresh-footage-from-newsroom-offers-information-current-affairs-all-globe-worldwide-tv-program-media-correspondent-reporting-news_482257-72710.jpg", alt: "Host of night show broadcasts fresh footage" },
{ src: "http://img.b2bpic.net/free-photo/newscaster-does-report-with-greenscreen_482257-75870.jpg", alt: "Newscaster does report with greenscreen" },
{ src: "http://img.b2bpic.net/free-photo/tv-present-studio-preparing-new-broadcasting-smiling-girl-white-shirt-sitting-table_1157-47908.jpg", alt: "Tv present at studio preparing for new broadcasting" },
{ src: "http://img.b2bpic.net/free-photo/group-people-taking-interview-news_23-2149032364.jpg", alt: "Group of people taking an interview" },
]}
marqueeItems={[
{ type: "text", text: "Breaking: Regional Political Developments" },
{ type: "text", text: "Analysis: Iranian Opposition Front" },
{ type: "text", text: "Update: Diplomatic Relations Report" },
{ type: "text", text: "Education: Advancement in Kurdistan" },
{ type: "text", text: "Focus: Regional Economic Shifts" },
]}
/>
</div>
<div id="breaking" data-section="breaking">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Regional Shifts",
description: "Analyzing recent changes in Eastern Kurdistan.",
icon: Globe,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-stage-3d-illustration_1419-2787.jpg?_wi=1",
imageAlt: "breaking news headline screens",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-audio-equipment-sound-control-concept_169016-20620.jpg",
imageAlt: "breaking news headline screens",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/flag-decorative-elements-blurred-surface_23-2148151360.jpg?_wi=2",
imageAlt: "breaking news headline screens",
},
{
title: "Diplomatic Updates",
description: "Key international diplomatic relations updates.",
icon: Mic,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-mobile-phone-used-produce-comedy-podcast_482257-88028.jpg",
imageAlt: "breaking news headline screens",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fake-news-concept-with-copy-space-view_23-2148873224.jpg",
imageAlt: "breaking news headline screens",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-with-microphone-taking-statements_23-2149037851.jpg?_wi=1",
imageAlt: "breaking news headline screens",
},
{
title: "Security News",
description: "Critical security updates concerning the opposition.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797624.jpg",
imageAlt: "breaking news headline screens",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/genious-teacher-winning-award_482257-85111.jpg",
imageAlt: "breaking news headline screens",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111129.jpg?_wi=1",
imageAlt: "breaking news headline screens",
},
]}
title="Breaking News"
description="Instant updates on the most significant political developments across the region."
/>
</div>
<div id="breaking" data-section="breaking">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Regional Shifts", description: "Analyzing recent changes in Eastern Kurdistan.", icon: Globe, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-stage-3d-illustration_1419-2787.jpg", imageAlt: "breaking news headline screens" }, { imageSrc: "http://img.b2bpic.net/free-photo/closeup-audio-equipment-sound-control-concept_169016-20620.jpg", imageAlt: "breaking news headline screens" }] },
{ title: "Diplomatic Updates", description: "Key international diplomatic relations updates.", icon: Mic, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-mobile-phone-used-produce-comedy-podcast_482257-88028.jpg", imageAlt: "breaking news headline screens" }, { imageSrc: "http://img.b2bpic.net/free-photo/fake-news-concept-with-copy-space-view_23-2148873224.jpg", imageAlt: "breaking news headline screens" }] },
{ title: "Security News", description: "Critical security updates concerning the opposition.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797624.jpg", imageAlt: "breaking news headline screens" }, { imageSrc: "http://img.b2bpic.net/free-photo/genious-teacher-winning-award_482257-85111.jpg", imageAlt: "breaking news headline screens" }] },
]}
title="Breaking News"
description="Instant updates on the most significant political developments across the region."
/>
</div>
<div id="politics" data-section="politics">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Opposition Movements",
description: "Reporting on the Iranian opposition front.",
icon: Users,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-with-microphone-taking-statements_23-2149037851.jpg?_wi=2",
imageAlt: "political news discussion abstract",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/eu-business_53876-167053.jpg",
imageAlt: "political news discussion abstract",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/flag-decorative-elements-blurred-surface_23-2148151360.jpg?_wi=3",
imageAlt: "political news discussion abstract",
},
{
title: "Regional Relations",
description: "Dynamics between local and regional powers.",
icon: Building2,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-city_23-2149211277.jpg",
imageAlt: "political news discussion abstract",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/us-elections-2024-illustrated_23-2151847044.jpg",
imageAlt: "political news discussion abstract",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-stage-3d-illustration_1419-2787.jpg?_wi=2",
imageAlt: "political news discussion abstract",
},
{
title: "Policy Analysis",
description: "Examining state policies affecting our community.",
icon: Scale,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/drawings-about-legal-profession_23-2151190704.jpg",
imageAlt: "political news discussion abstract",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-reporter-taking-interview_23-2149183580.jpg",
imageAlt: "political news discussion abstract",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111129.jpg?_wi=2",
imageAlt: "political news discussion abstract",
},
]}
title="Politics"
description="In-depth political reporting on regional powers and Kurdish movements."
/>
</div>
<div id="politics" data-section="politics">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Opposition Movements", description: "Reporting on the Iranian opposition front.", icon: Users, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-with-microphone-taking-statements_23-2149037851.jpg", imageAlt: "political news discussion abstract" }, { imageSrc: "http://img.b2bpic.net/free-photo/eu-business_53876-167053.jpg", imageAlt: "political news discussion abstract" }] },
{ title: "Regional Relations", description: "Dynamics between local and regional powers.", icon: Building2, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-city_23-2149211277.jpg", imageAlt: "political news discussion abstract" }, { imageSrc: "http://img.b2bpic.net/free-photo/us-elections-2024-illustrated_23-2151847044.jpg", imageAlt: "political news discussion abstract" }] },
{ title: "Policy Analysis", description: "Examining state policies affecting our community.", icon: Scale, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/drawings-about-legal-profession_23-2151190704.jpg", imageAlt: "political news discussion abstract" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-reporter-taking-interview_23-2149183580.jpg", imageAlt: "political news discussion abstract" }] },
]}
title="Politics"
description="In-depth political reporting on regional powers and Kurdish movements."
/>
</div>
<div id="analysis" data-section="analysis">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Historical Context",
description: "Understanding today through past events.",
icon: BookOpen,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111129.jpg?_wi=3",
imageAlt: "political analysis data chart",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-graph-statistics-analysis-finance-market-conce_53876-15839.jpg",
imageAlt: "political analysis data chart",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/flag-decorative-elements-blurred-surface_23-2148151360.jpg?_wi=4",
imageAlt: "political analysis data chart",
},
{
title: "Future Outlooks",
description: "Predicting political trajectory for Kurdistan.",
icon: TrendingUp,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-showcases-green-screen-display-surrounded-by-ai-brain-systems_482257-126607.jpg",
imageAlt: "political analysis data chart",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-121538.jpg",
imageAlt: "political analysis data chart",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-stage-3d-illustration_1419-2787.jpg?_wi=3",
imageAlt: "political analysis data chart",
},
{
title: "Social Trends",
description: "Changes in community sentiment and action.",
icon: PieChart,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/analyst-reviewing-forex-trends-night_482257-121467.jpg",
imageAlt: "political analysis data chart",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",
imageAlt: "political analysis data chart",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-with-microphone-taking-statements_23-2149037851.jpg?_wi=3",
imageAlt: "political analysis data chart",
},
]}
title="Expert Analysis"
description="Deep-dive perspectives from regional political analysts."
/>
</div>
<div id="analysis" data-section="analysis">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Historical Context", description: "Understanding today through past events.", icon: BookOpen, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111129.jpg", imageAlt: "political analysis data chart" }, { imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-graph-statistics-analysis-finance-market-conce_53876-15839.jpg", imageAlt: "political analysis data chart" }] },
{ title: "Future Outlooks", description: "Predicting political trajectory for Kurdistan.", icon: TrendingUp, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-showcases-green-screen-display-surrounded-by-ai-brain-systems_482257-126607.jpg", imageAlt: "political analysis data chart" }, { imageSrc: "http://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-121538.jpg", imageAlt: "political analysis data chart" }] },
{ title: "Social Trends", description: "Changes in community sentiment and action.", icon: PieChart, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/analyst-reviewing-forex-trends-night_482257-121467.jpg", imageAlt: "political analysis data chart" }, { imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg", imageAlt: "political analysis data chart" }] },
]}
title="Expert Analysis"
description="Deep-dive perspectives from regional political analysts."
/>
</div>
<div id="kurdistan" data-section="kurdistan">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Development News",
description: "Updates on regional infrastructure and projects.",
icon: Building,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-132481.jpg",
imageAlt: "Kurdistan region news city",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/park-with-city_1127-3586.jpg",
imageAlt: "Kurdistan region news city",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/flag-decorative-elements-blurred-surface_23-2148151360.jpg?_wi=5",
imageAlt: "Kurdistan region news city",
},
{
title: "Cultural Events",
description: "Highlights from regional cultural gatherings.",
icon: Music,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/world-map-background-with-notebook-other-travel-objects_23-2147607865.jpg",
imageAlt: "Kurdistan region news city",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/visiting-site-photo-frame_23-2149512751.jpg",
imageAlt: "Kurdistan region news city",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-stage-3d-illustration_1419-2787.jpg?_wi=4",
imageAlt: "Kurdistan region news city",
},
{
title: "Education Sector",
description: "Advancements in local schools and universities.",
icon: GraduationCap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/microphone-with-stand-double-color-exposure-effect_53876-102002.jpg",
imageAlt: "Kurdistan region news city",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/plaza-de-espana-venetian-towers-fountain-view-from-palau-nacional-barcelona-spain_1268-17848.jpg",
imageAlt: "Kurdistan region news city",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-with-microphone-taking-statements_23-2149037851.jpg?_wi=4",
imageAlt: "Kurdistan region news city",
},
]}
title="Kurdistan Region"
description="Local news coverage and community developments."
/>
</div>
<div id="kurdistan" data-section="kurdistan">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Development News", description: "Updates on regional infrastructure and projects.", icon: Building, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-132481.jpg", imageAlt: "Kurdistan region news city" }, { imageSrc: "http://img.b2bpic.net/free-photo/park-with-city_1127-3586.jpg", imageAlt: "Kurdistan region news city" }] },
{ title: "Cultural Events", description: "Highlights from regional cultural gatherings.", icon: Music, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/world-map-background-with-notebook-other-travel-objects_23-2147607865.jpg", imageAlt: "Kurdistan region news city" }, { imageSrc: "http://img.b2bpic.net/free-photo/visiting-site-photo-frame_23-2149512751.jpg", imageAlt: "Kurdistan region news city" }] },
{ title: "Education Sector", description: "Advancements in local schools and universities.", icon: GraduationCap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/microphone-with-stand-double-color-exposure-effect_53876-102002.jpg", imageAlt: "Kurdistan region news city" }, { imageSrc: "http://img.b2bpic.net/free-photo/plaza-de-espana-venetian-towers-fountain-view-from-palau-nacional-barcelona-spain_1268-17848.jpg", imageAlt: "Kurdistan region news city" }] },
]}
title="Kurdistan Region"
description="Local news coverage and community developments."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do you ensure objectivity?",
content: "Our editorial team follows a strict code of ethics to provide balanced perspectives.",
},
{
id: "2",
title: "Can I submit news tips?",
content: "Yes, please reach out via our encrypted secure channels found on our contact page.",
},
{
id: "3",
title: "Is RAWE MEDIA funded by political groups?",
content: "No, we are an independent platform funded by community contributions.",
},
]}
title="Editorial Guidelines"
description="Learn more about our standards and methodology."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "How do you ensure objectivity?", content: "Our editorial team follows a strict code of ethics to provide balanced perspectives." },
{ id: "2", title: "Can I submit news tips?", content: "Yes, please reach out via our encrypted secure channels found on our contact page." },
{ id: "3", title: "Is RAWE MEDIA funded by political groups?", content: "No, we are an independent platform funded by community contributions." },
]}
title="Editorial Guidelines"
description="Learn more about our standards and methodology."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Join Our News Network"
description="Have questions, tips, or looking to collaborate? Send us a message."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your inquiry...",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/tv-present-studio-preparing-new-broadcasting-smiling-girl-white-shirt-sitting-table_1157-47912.jpg"
imageAlt="modern journalism office workspace"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Join Our News Network"
description="Have questions, tips, or looking to collaborate? Send us a message."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{ name: "message", placeholder: "Your inquiry...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/tv-present-studio-preparing-new-broadcasting-smiling-girl-white-shirt-sitting-table_1157-47912.jpg"
imageAlt="modern journalism office workspace"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="RAWE MEDIA"
copyrightText="© 2025 RAWE MEDIA. All Rights Reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="RAWE MEDIA"
copyrightText="© 2025 RAWE MEDIA. All Rights Reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);