-
-
-
-
+
+
+
+
+ {/* Hero Section with Background Carousel and Search */}
+
+ {/* Background Carousel */}
+
+ {backgroundImages.map((image, index) => (
+
+

+
+
+ ))}
-
- Italian Migration to the Northern Territory
-
-
- Exploring the rich history and cultural legacy of Italian immigrants
- in Australia's Northern Territory
-
+ {/* Centered Content with Search */}
+
+
+ Find Your Italian Heritage
+
+
+ Search our comprehensive database of Italian migrants to the Northern Territory. Discover family
+ histories, personal stories, and cultural contributions spanning over a century.
+
- {/* Bottom 4 bars */}
-
-
-
-
-
+ {/* Main Search Form */}
+
+
Search Migrant Database
+
+
+
+
+
+
+ {/* Quick Stats */}
+
+
+
{total.toLocaleString()}
+
Migrant Records
+
+
+
1880-1980
+
Years Covered
+
+
+
156
+
Italian Regions
+
+
-
-
-
-
- );
+
+ {/* Carousel Indicators */}
+
+ {backgroundImages.map((_, index) => (
+
+
+
+ {/* Quick Search Tips */}
+
+
+
+
Search Tips
+
+ Get the most out of your search with these helpful tips
+
+
+
+
+
+
+
+
Name Variations
+
+ Try different spellings and shortened versions of names as they may have been anglicized upon arrival.
+
+
+
+
+ 📅
+
+
Date Ranges
+
+ Use broader date ranges as exact arrival dates may not always be recorded accurately.
+
+
+
+
+ 🗺️
+
+
Regional Search
+
+ Search by Italian region or province if you know your family's origin to narrow results.
+
+
+
+
+
+
+
+
+
+
+
+ Featured Stories
+
+
+ Discover some of the remarkable personal journeys found in our database. Each story represents
+ courage, determination, and the pursuit of a better life.
+
+
+
+
+
+
+
+ {migrants.map((person) => {
+ // Find the profile photo
+ const profilePhoto = person.photos?.find((photo) => photo.is_profile_photo);
+
+ return (
+
+
+
+
+
+
+

+
+
+
+ {person.full_name || person.surname || "Unnamed"}
+
+
+ Arrived{" "}
+ {person.migration?.date_of_arrival_nt
+ ? new Date(person.migration.date_of_arrival_nt).getFullYear()
+ : "Unknown"}
+
+
+ {person.additional_notes || "No story available."}
+
+
+
+
+
+
+
+
+ );
+ })}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Preserving Our Heritage
+
+
+ This digital archive aims to preserve and celebrate the contributions of Italian migrants to the
+ Northern Territory. By documenting their stories, photographs, and historical records, we ensure that
+ their legacy continues for generations to come.
+
+
+
+
+
+
+
+
+
+ {galleryImages.map((image, index) => (
+
+
+
+

+
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+ )
}
diff --git a/src/components/home/HistoricalContext.tsx b/src/components/home/HistoricalContext.tsx
deleted file mode 100644
index 4133d75..0000000
--- a/src/components/home/HistoricalContext.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import { Card, CardContent } from "@/components/ui/card";
-
-interface HistoricalContextProps {
- year: number;
-}
-
-const HistoricalContext = ({ year }: HistoricalContextProps) => {
- // Function to get historical context based on the year
- const getHistoricalContext = (year: number) => {
- if (year < 1880) {
- return {
- period: "Early Settlement Period",
- description:
- "The earliest Italian migrants to the Northern Territory arrived during this period, primarily as individuals seeking opportunity in a new land. They often worked in mining, agriculture, or as merchants.",
- events: [
- "Early European settlement in the Northern Territory",
- "Gold rushes in various parts of Australia",
- "Establishment of Darwin (then called Palmerston)",
- ],
- };
- } else if (year < 1900) {
- return {
- period: "Late 19th Century",
- description:
- "This period saw increased Italian migration to Australia, with many arriving to work in agriculture, fishing, and construction. The Northern Territory's tropical climate was familiar to those from southern Italy.",
- events: [
- "Construction of the Overland Telegraph Line",
- "Expansion of the pastoral industry",
- "Growth of Darwin as a port city",
- ],
- };
- } else if (year < 1920) {
- return {
- period: "Federation and Early 20th Century",
- description:
- "Following Australian Federation in 1901, immigration policies became more restrictive, but Italians continued to arrive. Many came to join family members already established in the Territory.",
- events: [
- "Federation of Australia (1901)",
- "World War I (1914-1918)",
- "Development of the pearling industry",
- ],
- };
- } else if (year < 1940) {
- return {
- period: "Interwar Period",
- description:
- "The interwar period saw continued Italian migration, with many escaping economic hardship and the rise of fascism in Italy. Chain migration became common, with established migrants sponsoring relatives.",
- events: [
- "Great Depression (1929-1933)",
- "Rise of fascism in Italy",
- "Expansion of agriculture in the Northern Territory",
- ],
- };
- } else if (year < 1960) {
- return {
- period: "Post-World War II",
- description:
- "After World War II, Australia actively encouraged European migration. Many Italians came to Australia as part of assisted migration schemes, seeking to escape the devastation of post-war Italy.",
- events: [
- "World War II (1939-1945)",
- "Beginning of Australia's 'Populate or Perish' policy",
- "Bombing of Darwin (1942)",
- "Reconstruction of Darwin",
- ],
- };
- } else if (year < 1980) {
- return {
- period: "Modern Migration",
- description:
- "This period saw continued Italian migration, though at a slower pace than previous decades. Many migrants were skilled workers or came to join established family networks.",
- events: [
- "End of the White Australia Policy",
- "Cyclone Tracy devastates Darwin (1974)",
- "Northern Territory granted self-government (1978)",
- ],
- };
- } else {
- return {
- period: "Contemporary Era",
- description:
- "Recent Italian migration to the Northern Territory has been limited, with most new arrivals being skilled professionals or family members of established migrants. The Italian community is now largely Australian-born descendants of earlier migrants.",
- events: [
- "Multiculturalism becomes official policy",
- "Growth of tourism in the Northern Territory",
- "Development of Darwin as a gateway to Asia",
- ],
- };
- }
- };
-
- const context = getHistoricalContext(year);
-
- return (
-
-
-
- Contesto Storico
-
-
- {context.period}
- {context.description}
- Key Events:
-
- {context.events.map((event, index) => (
- - {event}
- ))}
-
-
-
- );
-};
-
-export default HistoricalContext;
diff --git a/src/components/home/IntroSection.tsx b/src/components/home/IntroSection.tsx
deleted file mode 100644
index 2166f6c..0000000
--- a/src/components/home/IntroSection.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-"use client";
-
-import { motion } from "framer-motion";
-import AnimatedImage from "@/components/ui/animated-image";
-
-export default function IntroSection() {
- const containerVariants = {
- hidden: { opacity: 0 },
- visible: {
- opacity: 1,
- transition: {
- staggerChildren: 0.2,
- },
- },
- };
-
- const itemVariants = {
- hidden: { opacity: 0, y: 20 },
- visible: { opacity: 1, y: 0, transition: { duration: 0.6 } },
- };
-
- return (
-
-
-
-
- La Nostra Storia
-
-
- Our History
-
-
-
-
-
- The history of Italian migration to the Northern Territory dates
- back to the late 19th century, when the first Italian settlers
- arrived seeking new opportunities and a better life.
-
-
- These pioneers played a significant role in shaping the region's
- development, contributing to industries such as agriculture,
- fishing, construction, and mining.
-
-
- Many Italian families established deep roots in the Territory,
- creating vibrant communities that preserved their cultural
- traditions while embracing their new Australian home.
-
-
-
- "They brought with them not only their skills and work ethic,
- but also their rich cultural heritage, culinary traditions, and
- strong family values."
-
-
-
-
-
-
-
- Italian family settling in the Northern Territory, circa 1920s
-
-
-
-
-
-
- );
-}
diff --git a/src/components/home/MigrantProfileComponent.tsx b/src/components/home/MigrantProfileComponent.tsx
index ad76170..1b2a640 100644
--- a/src/components/home/MigrantProfileComponent.tsx
+++ b/src/components/home/MigrantProfileComponent.tsx
@@ -1,228 +1,362 @@
-"use client";
+import { useEffect, useState } from 'react';
+import { useParams, Link } from 'react-router-dom';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent } from '@/components/ui/card';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { MapPin, Calendar, User, Home, Ship, ImageIcon, FileText } from 'lucide-react';
+import apiService from '@/services/apiService';
+import type { Person } from '@/types/api';
+import { formatDate } from '@/utils/date';
+const API_BASE_URL = "http://localhost:8000";
-import { motion } from "framer-motion";
-import { Link } from "react-router-dom";
-import { ArrowLeft } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent } from "@/components/ui/card";
-import PhotoGallery from "@/components/home/PhotoGallery";
-import RelatedMigrants from "@/components/home/RelatedMigrants";
-import HistoricalContext from "@/components/home/HistoricalContext";
-import AnimatedImage from "@/components/ui/animated-image";
-import type { MigrantProfile as MigrantProfileType } from "@/types/migrant";
+export default function MigrantProfile() {
+ const { id } = useParams<{ id: string }>();
+ const [migrant, setMigrant] = useState
(null);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState(null);
+ const profilePhoto = migrant?.photos?.find((photo) => photo.is_profile_photo);
-interface MigrantProfileProps {
- migrant: MigrantProfileType;
-}
+ useEffect(() => {
+ const fetchMigrant = async () => {
+ try {
+ if (!id) {
+ setError('No ID provided in URL.');
+ setLoading(false);
+ return;
+ }
+ const data = await apiService.getMigrantById(id);
+ setMigrant(data);
+ } catch (err) {
+ setError('Failed to load migrant data.');
+ } finally {
+ setLoading(false);
+ }
+ };
+ fetchMigrant();
+ }, [id]);
+
+ if (loading) return Loading...
;
+ if (error) return {error}
;
+ if (!migrant) return No data found.
;
-export default function MigrantProfile({ migrant }: MigrantProfileProps) {
return (
-
- {/* Hero section with main photo */}
-
-
-
-
-
-
- {migrant.firstName} {migrant.lastName}
-
-
- {migrant.yearOfArrival} • {migrant.regionOfOrigin}, Italy →{" "}
- {migrant.settlementLocation}, NT
-
-
-
-
- {/* Back button */}
-
-
-