169 lines
12 KiB
TypeScript
169 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import { BookOpen, Building, Building2, Globe, GraduationCap, Mic, Music, PieChart, Scale, Shield, TrendingUp, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
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="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", 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", 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", 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" }] },
|
|
{ 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="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 }}
|
|
buttonText="Send Secure Message"
|
|
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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|