120 lines
7.3 KiB
TypeScript
120 lines
7.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Career", id: "career"},
|
|
{
|
|
name: "Timeline", id: "timeline"},
|
|
{
|
|
name: "Gallery", id: "gallery"},
|
|
{
|
|
name: "Legacy", id: "legacy"},
|
|
]}
|
|
brandName="Susan Ahn Cuddy"
|
|
button={{
|
|
text: "Language", href: "#"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Susan Ahn Cuddy: A Trailblazer's Legacy"
|
|
description="Discover the remarkable life and achievements of Susan Ahn Cuddy, a true pioneer."
|
|
leftCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-winter-log-cabin-snow_657883-678.jpg?_wi=1", imageAlt: "Young Susan Ahn Cuddy" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/female-passenger-reading-travelling-by-tram_23-2148771007.jpg?_wi=1", imageAlt: "Susan Ahn Cuddy in naval intelligence" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-grandmother-with-grandchild-showing-love-tender-moments-grandparents-day_23-2151553297.jpg?_wi=1", imageAlt: "Susan Ahn Cuddy with family" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-asian-man-with-hands-chin_1262-1560.jpg?_wi=1", imageAlt: "Susan Ahn Cuddy later life portrait" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/female-protesters-demonstrating-together_23-2148421908.jpg", imageAlt: "Susan Ahn Cuddy public speaking" }
|
|
]}
|
|
rightCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-red-haired-barista-looking-camera-smiling_171337-15606.jpg", imageAlt: "Susan Ahn Cuddy restaurant owner" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-winter-log-cabin-snow_657883-678.jpg?_wi=2", imageAlt: "Young Susan Ahn Cuddy" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/female-passenger-reading-travelling-by-tram_23-2148771007.jpg?_wi=2", imageAlt: "Susan Ahn Cuddy in naval intelligence" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-grandmother-with-grandchild-showing-love-tender-moments-grandparents-day_23-2151553297.jpg?_wi=2", imageAlt: "Susan Ahn Cuddy with family" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-asian-man-with-hands-chin_1262-1560.jpg?_wi=2", imageAlt: "Susan Ahn Cuddy later life portrait" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardSixteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Voices of Inspiration"
|
|
description="Hear what people say about Susan Ahn Cuddy's lasting impact."
|
|
animationType="slide-up"
|
|
kpiItems={[
|
|
{ value: "Millions", label: "People Inspired" },
|
|
{ value: "20+", label: "Awards & Honors" },
|
|
{ value: "Numerous", label: "Commemorative Activities" }
|
|
]}
|
|
testimonials={[
|
|
{ id: "1", name: "Youngsook Kim", role: "Professor of History", company: "Seoul National University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-book-indoors_23-2149833675.jpg", imageAlt: "Portrait of Professor Youngsook Kim" },
|
|
{ id: "2", name: "Jiwon Lee", role: "Women's Rights Activist", company: "American Women's League", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-studio-fashion-portrait_1328-2207.jpg", imageAlt: "Portrait of Activist Jiwon Lee" },
|
|
{ id: "3", name: "Junho Park", role: "Former US Navy Officer", company: "American Legion", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friendly-female-soldier-reaching-out-her-arms_53876-105213.jpg", imageAlt: "Portrait of Officer Junho Park" },
|
|
{ id: "4", name: "Eunmi Choi", role: "Community Leader", company: "Korean Community Center", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-wearing-black-jacket-isolated-orange-background_141793-135644.jpg", imageAlt: "Portrait of Leader Eunmi Choi" },
|
|
{ id: "5", name: "Daehyun Jung", role: "Educator", company: "UCLA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chinese-man-with-book_1149-1854.jpg", imageAlt: "Portrait of Educator Daehyun Jung" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="A Woman Ahead of Her Time"
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Insights & Stories"
|
|
description="Explore articles and insights related to Susan Ahn Cuddy's life and era."
|
|
blogs={[
|
|
{ id: "blog-1", category: "History", title: "The Early Years", excerpt: "A deep dive into her childhood and formative experiences.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-looking-up_1153-997.jpg", imageAlt: "Early life photo", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-mature-asian-man-with-hands-chin_1262-1560.jpg", date: "2023-01-15" },
|
|
{ id: "blog-2", category: "Military", title: "Her Naval Career", excerpt: "Unveiling her groundbreaking service in the US Navy.", imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89841.jpg", imageAlt: "Navy career photo", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-standing-pink-background-pointing-with-finger-surprised-ahead-open-mouth-amazed-expression-something-front_839833-12142.jpg", date: "2023-03-01" },
|
|
{ id: "blog-3", category: "Legacy", title: "Enduring Impact", excerpt: "How her influence shaped future generations and society.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-sadness-lonely-place_23-2151597025.jpg", imageAlt: "Legacy impact photo", authorName: "Emily White", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152035.jpg", date: "2023-05-20" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|