252 lines
25 KiB
TypeScript
252 lines
25 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { AlertCircle, BookOpen, Calendar, Users, Shield } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Historical Archive"
|
|
navItems={[
|
|
{ name: "Timeline", id: "timeline" },
|
|
{ name: "Rise to Power", id: "rise" },
|
|
{ name: "Methods", id: "methods" },
|
|
{ name: "Organizations", id: "organizations" },
|
|
{ name: "Removal", id: "removal" }
|
|
]}
|
|
button={{ text: "Learn More", href: "#timeline" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Saddam Hussein totalitarianism"
|
|
description="Saddam Hussein's authoritarian dictatorship, rise to power , organized structures, methods of control, and extermination. These are the techniques used by one of the 20th century's most significant dictators."
|
|
buttons={[
|
|
{ text: "Explore Timeline", href: "#rise" },
|
|
{ text: "Learn About Dictatorship", href: "#methods" }
|
|
]}
|
|
background={{ variant: "radial-gradient" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5rg5bb"
|
|
imageAlt="Historical timeline archive documentation"
|
|
mediaAnimation="opacity"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="rise" data-section="rise">
|
|
<TextSplitAbout
|
|
title="Rise to Power: 1937-1979"
|
|
description={[
|
|
"Saddam Hussein Al-Tikriti was born in 1937 in Tikrit, Iraq, during a period of significant regional instability. His rise to power was methodical and politically calculated, beginning with his involvement in the 1958 revolution that overthrew the Iraqi monarchy.", "After a failed assassination attempt on Prime Minister Abd al-Karim Qassem in 1959, Saddam fled Iraq but returned after the Ba'ath Party's successful coup in 1963. He served as Vice President under Ahmad Hassan al-Bakr beginning in 1968, using this position to consolidate power through security apparatus control.", "By 1979, at age 42, Saddam orchestrated the removal of al-Bakr and assumed the presidency. His ascension marked the beginning of an authoritarian regime that would last 24 years and employ systematic repression, propagandistic control, and organizational terror to maintain power.", "Key techniques: Gradual infiltration of security services, growing support of loyalists from his hometown Tikrit, his exploitation of Ba'ath Party structures, and elimination of potential rivals through both political secrecy and violent massacres"
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Next: Dictatorial Techniques", href: "#methods" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="techniques" data-section="techniques">
|
|
<FeatureCardNine
|
|
title="Techniques Common to Most Dictators"
|
|
description="Saddam Hussein employed the standard mechanisms of authoritarian control found across most totalitarian regimes. These include surveillance and repression, monopoly on force through military and security, suppression of opposition, control of information and propaganda."
|
|
tag="Authoritarian Methods"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Surveillance & Repression", description: "Established extensive secret police networks (Mukhabarat and internal security services) to monitor population. Used informants, arrest, torture, and execution as control mechanisms. Created a stigma of fear preventing oppositions.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=unk3xe&_wi=1", imageAlt: "Authoritarian government control methods" },
|
|
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=unk3xe&_wi=2", imageAlt: "Authoritarian government control methods" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: " Cult & Propaganda", description: "Built a strong personality cult by controlling the media. Their image was everywhere. TV, radio, and schools all framed him as a unifying, protective, and visionary leader. This reinforced the legitimacy of their cause. ", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gjgikj&_wi=1", imageAlt: "Nationalist ideology propaganda art" },
|
|
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gjgikj&_wi=2", imageAlt: "Nationalist ideology propaganda art" }
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Monopoly on Force", description: "They centralized control over the military and security forces, spreading loyalty across groups like the Republican Guard and other agencies. Overlapping command structures made it hard for any unified opposition to form. They also used military force to suppress civilians and crush internal dissent. ", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvddj5&_wi=1", imageAlt: "Military conflict war warfare" },
|
|
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvddj5&_wi=2", imageAlt: "Military conflict war warfare" }
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="organizations" data-section="organizations">
|
|
<ProductCardThree
|
|
title="Organizations & Structures"
|
|
description="Saddam Hussein built a complex organization to maintain power. Beyond governmental structures, he created youth organizations, cultural institutions, military branches, and intelligence agencies—all designed to penetrrate society and enforce regime loyalty."
|
|
products={[
|
|
{ id: "baath", name: "Ba'ath Party", price: "Political Control", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guslzl&_wi=1", imageAlt: "Ba'ath Party organizational structure" },
|
|
{ id: "republican-guard", name: "Republican Guard", price: "Military Force", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvddj5&_wi=3", imageAlt: "Republican Guard elite military unit" },
|
|
{ id: "mukhabarat", name: "Mukhabarat Secret Police", price: "Surveillance & Terror", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=unk3xe&_wi=3", imageAlt: "Secret intelligence service" },
|
|
{ id: "youth-organization", name: "Ittihad al-Shabaab (Youth Union)", price: "Ideological Indoctrination", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guslzl&_wi=2", imageAlt: "Youth military training organization" },
|
|
{ id: "fedayeen", name: "Fedayeen Saddam", price: "Paramilitary Enforcement", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvddj5&_wi=4", imageAlt: "Fedayeen Saddam paramilitary force" },
|
|
{ id: "general-security", name: "General Security Directorate", price: "Political Police", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=unk3xe&_wi=4", imageAlt: "Internal security police forces" }
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="methods" data-section="methods">
|
|
<TestimonialCardTen
|
|
title="Methods of Maintaining Power"
|
|
description="Saddam Hussein employed connected structures to maintain totalitarian control for 24 years. His strategies demonstrate standard authoritarian techniques."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Elimination of competition ", quote: "Saddam systematically eliminated potential threats through political purges, forced retirement, imprisonment, and execution. The 1978 purge eliminated hundreds of suspected dissidents. Internal party struggles were resolved through violence. Leadership positions were distributed to family members and trusted Tikritis to prevent power consolidation by rivals.", name: "Internal Security Mechanism", role: "Control Through Terror", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=unk3xe&_wi=5", imageAlt: "Authoritarian government control methods"
|
|
},
|
|
{
|
|
id: "2", title: "Economic Patronage System", quote: "Distributed state resources to regime loyalists through government positions, military contracts, and direct payments. Created parallel economies benefiting party elites. Oil revenues funded military and security apparatus. Economic dependence ensured continuous loyalty as alternative power sources were eliminated.", name: "Economic Control", role: "Financial Consolidation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guslzl&_wi=3", imageAlt: "Party organizational structure chart"
|
|
},
|
|
{
|
|
id: "3", title: "Suppression of Opposition", quote: "Prohibited all political parties except Ba'ath Party. Banned independent media, labor unions, and civil society organizations. Used security services to preemptively arrest suspected dissident leaders. Created neighborhood surveillance committees. Religious institutions were subordinated to state authority.", name: "Political Suppression", role: "Monopoly on Expression", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=unk3xe&_wi=6", imageAlt: "Authoritarian government control methods"
|
|
},
|
|
{
|
|
id: "4", title: "External Conflict & Nationalist Fervor", quote: "Used wars (Iran-Iraq War 1980-88, Kuwait invasion 1990) to consolidate internal support through nationalist mobilization. Military victories strengthened regime's legitimacy. External enemies justified internal repression as national security measures. Shifting focus outward prevented internal opposition organization.", name: "External Conflict Strategy", role: "International Justification", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvddj5&_wi=5", imageAlt: "Military conflict war warfare"
|
|
},
|
|
{
|
|
id: "5", title: "Institutional Redundancy & Overlapping Authority", quote: "Created overlapping military, security, and political institutions with competing jurisdictions. Prevented any single institution from becoming independent power base. Cross-checked orders and loyalty. Military units answered to different commanders, security services operated independently, party apparatus maintained parallel authority.", name: "Structural Control", role: "Prevention of Consolidation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guslzl&_wi=4", imageAlt: "Party organizational structure chart"
|
|
},
|
|
{
|
|
id: "6", title: "Information Control & Media Monopoly", quote: "State controlled all broadcast media, newspapers, and published materials. Educational curriculum depicted regime favorably. Official history rewritten to justify leadership. Internet and international media access severely restricted. Monopoly on information prevented alternative narratives challenging regime legitimacy.", name: "Propaganda System", role: "Narrative Control", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gjgikj&_wi=3", imageAlt: "Nationalist ideology propaganda art"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="ideology" data-section="ideology">
|
|
<FaqBase
|
|
title="Ideological Justification for Rejecting Liberalism"
|
|
description="Saddam Hussein systematically rejected liberal democracy, individual rights, and market economics. His ideological framework combined Arab nationalism, Ba'athist socialism, Islamic rhetoric, and authoritarian statism."
|
|
tag="Ideological Framework"
|
|
tagAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Arab Nationalism & Anti-Imperialism", content: "Saddam framed liberal democracy as Western imperialism designed to weaken Arab states. Presented authoritarianism as necessary to resist Western domination and protect Arab unity. Portrayed strong centralized leadership as requirement for resisting colonial influence. Rejected pluralism as divisive and serving imperial interests."
|
|
},
|
|
{
|
|
id: "2", title: "Ba'athist Ideology", content: "The Ba'ath Party's official ideology combined Arab nationalism, socialism, and authoritarianism. Emphasized single-party rule as necessary for social transformation. Rejected Western liberal institutions as unsuitable for Arab societies. Promoted state control of economy and security apparatus as paths to development and strength."
|
|
},
|
|
{
|
|
id: "3", title: "Islamic Legitimacy Claims", content: "While initially secular, Saddam increasingly invoked Islamic rhetoric to justify centralized authority. Presented strong leadership as consistent with Islamic concepts of caliphate and unified community. Argued that Islamic principles required strong state authority and rejected Western secular liberalism as anti-religious."
|
|
},
|
|
{
|
|
id: "4", title: "Social Stability Argument", content: "Claimed that liberal democracy would create social chaos, sectarian conflict, and institutional weakness. Argued that Iraq's diverse population required strong authoritarian central authority to prevent internal conflict. Presented authoritarianism as necessary framework for social order and development."
|
|
},
|
|
{
|
|
id: "5", title: "State Development Model", content: "Rejected liberal capitalism and pluralism as impediments to rapid modernization. Argued that centralized state control of economy and society was necessary for development. Presented authoritarian state as agent of social progress, infrastructure development, and industrial capacity building."
|
|
},
|
|
{
|
|
id: "6", title: "Security & External Threat Justification", content: "Used perceived external threats (Israel, Western intervention, Iran) to justify internal authoritarianism as national security necessity. Presented strong centralized leadership as essential for military strength and national survival. Framed opposition to authoritarianism as aiding external enemies."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="removal" data-section="removal">
|
|
<MetricCardThree
|
|
title="Removal from Power: 2003"
|
|
description="Saddam Hussein's regime was toppled through military invasion by American and British forces. Despite sophisticated security apparatus and repression mechanisms, the regime collapsed when faced with overwhelming external military force."
|
|
metrics={[
|
|
{ id: "1", icon: Calendar, title: "Regime Duration", value: "24 Years" },
|
|
{ id: "2", icon: Users, title: "Estimated Deaths", value: "500,000+" },
|
|
{ id: "3", icon: AlertCircle, title: "Disappeared Persons", value: "250,000" },
|
|
{ id: "4", icon: BookOpen, title: "Documented Conflicts", value: "3 Major Wars" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Read More Details", href: "#fall-details" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="fall-details" data-section="fall-details">
|
|
<TextSplitAbout
|
|
title="The Fall: 2003 Invasion & Aftermath"
|
|
description={[
|
|
"The 2003 Iraq War, initiated by the United States and United Kingdom, rapidly dismantled Saddam Hussein's military capabilities and governmental structures. Despite sophisticated intelligence and security apparatus, the regime could not withstand coordinated international military force.", "Saddam initially evaded capture, leading U.S. forces on a months-long manhunt. He was discovered hiding in a bunker near his hometown Tikrit on December 13, 2003, ending his direct leadership capacity. His capture symbolized the complete collapse of his authoritarian infrastructure.", "On December 30, 2006, Saddam Hussein was executed by the Iraqi interim government following trial for crimes against humanity and war crimes. His death marked the definitive end of his political and physical presence in Iraqi affairs.", "Critical insight: Despite sophisticated repression mechanisms, personality cults, and institutional controls, authoritarian regimes are inherently unstable when facing superior external military forces without international support. Saddam's regime demonstrates that even extensive internal security apparatus cannot defend against external invasion. The regime's legitimacy rested on projection of strength, which was shattered by military defeat."
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Historical Context", href: "#context" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="context" data-section="context">
|
|
<BlogCardThree
|
|
title="Interesting Historical Details"
|
|
description="Notable facts, oddities, and lesser-known details about Saddam Hussein's life and regime reveal aspects of authoritarian governance."
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Personal Background", title: "Tikrit Connection & Tribal Loyalty", excerpt: "Saddam filled regime positions with family members and fellow Tikritis, creating clan-based power structure. His half-brother Barzan Ibrahim and cousin Ali Hassan al-Majid held major security positions. This tribal network was simultaneously regime's strength and vulnerability.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guslzl&_wi=5", imageAlt: "Tribal and family organizational structure", authorName: "Historical Archive", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5rg5bb", date: "Historical Record"
|
|
},
|
|
{
|
|
id: "2", category: "Personality Cult", title: "The Palace of Palaces", excerpt: "Saddam constructed dozens of elaborate palaces throughout Iraq, each filled with propaganda imagery and designed to project power. These structures were primarily used for security purposes, allowing rapid relocation if threatened. Many remained half-finished or poorly maintained despite enormous expense.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=unk3xe&_wi=7", imageAlt: "Saddam's presidential palaces", authorName: "Historical Archive", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5rg5bb", date: "Historical Record"
|
|
},
|
|
{
|
|
id: "3", category: "Unusual Activities", title: "Published Novelist & Author", excerpt: "Saddam Hussein was an aspiring novelist who published several books, allegedly ghost-written with state assistance. He presented himself as cultured intellectual despite illiberal politics. State media attributed literary sophistication to the leader despite minimal public success of his works.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gjgikj&_wi=4", imageAlt: "Literary propaganda and cultural control", authorName: "Historical Archive", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5rg5bb", date: "Historical Record"
|
|
},
|
|
{
|
|
id: "4", category: "Military History", title: "Iran-Iraq War Strategy", excerpt: "Saddam's 1980 invasion of Iran resulted in 8-year conflict killing approximately 500,000 people on both sides. Western powers supported Iraq despite chemical weapons use, viewing Iran as greater regional threat. Saddam miscalculated Iranian military capacity and Iraqi resources were severely depleted.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvddj5&_wi=6", imageAlt: "Iran-Iraq War military conflict", authorName: "Historical Archive", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5rg5bb", date: "Historical Record"
|
|
},
|
|
{
|
|
id: "5", category: "Regime Dynamics", title: "Chemical Weapons Program", excerpt: "Saddam's regime developed extensive chemical weapons arsenal, used against Iran and Kurdish populations. The weapons program created permanent international tensions. Uncertainty about chemical weapons post-1991 contributed to 2003 invasion rationale despite inspections finding no active programs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvddj5&_wi=7", imageAlt: "Chemical weapons program documentation", authorName: "Historical Archive", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5rg5bb", date: "Historical Record"
|
|
},
|
|
{
|
|
id: "6", category: "Final Years", title: "Capture & Trial Details", excerpt: "Saddam was captured in a 6-foot deep 'spider hole' near Tikrit, hiding with basic provisions. His trial was televised internationally, allowing unprecedented public examination of fallen dictator. Trial process itself revealed regime crimes, though legal procedures were criticized by international observers.", imageSrc: "http://img.b2bpic.net/free-photo/young-soldier-affected-by-ptsd-effect_23-2149235477.jpg", imageAlt: "Regime collapse and capture of dictator", authorName: "Historical Archive", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5rg5bb", date: "Historical Record"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Historical Archive"
|
|
leftLink={{ text: "Educational Resources", href: "#" }}
|
|
rightLink={{ text: "Academic Sources", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|