Merge version_1 into main #2
370
src/app/page.tsx
370
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Book, Crown, Globe, Pen, Shield, Zap } from "lucide-react";
|
||||
import { Book, Crown, Globe, Pen, Shield, Zap, Scroll, Castle, Factory } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,33 +19,25 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Books",
|
||||
id: "books",
|
||||
},
|
||||
{
|
||||
name: "Eras",
|
||||
id: "eras",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "blog",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Books", id: "books" },
|
||||
{ name: "Eras", id: "eras" },
|
||||
{ name: "Blog", id: "blog" },
|
||||
]}
|
||||
brandName="History Archive"
|
||||
button={{
|
||||
text: "Newsletter",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Newsletter", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,37 +45,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Chronicle Archives"
|
||||
description="Preserving the depth of history through meticulously researched literature and archival narratives. Explore our collection of historical volumes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#books",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#books" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-books-wrapper_23-2147767711.jpg?_wi=1",
|
||||
imageAlt: "Library books",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-stack-books_23-2147767314.jpg?_wi=1",
|
||||
imageAlt: "Leather books",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miscellaneous-items-being-sold-yard-sale_23-2151216803.jpg?_wi=1",
|
||||
imageAlt: "Parchment scroll",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-picking-literature_23-2147678841.jpg",
|
||||
imageAlt: "Archives",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-paper-map_23-2151694334.jpg",
|
||||
imageAlt: "Map book",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-books-chair_23-2148213837.jpg",
|
||||
imageAlt: "Artifacts",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-books-wrapper_23-2147767711.jpg", imageAlt: "Library books" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/from-stack-books_23-2147767314.jpg", imageAlt: "Leather books" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/miscellaneous-items-being-sold-yard-sale_23-2151216803.jpg", imageAlt: "Parchment scroll" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-picking-literature_23-2147678841.jpg", imageAlt: "Archives" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-paper-map_23-2151694334.jpg", imageAlt: "Map book" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pile-books-chair_23-2148213837.jpg", imageAlt: "Artifacts" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,12 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Dedicated to the Pursuit of Historical Truth"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#mission",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Mission", href: "#mission" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,42 +73,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Ancient Era",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-burnt-paper_23-2150104307.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Renaissance Memoirs",
|
||||
price: "$52.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-young-woman-looks-old-photoalbums-sitting-cafe_8353-1394.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Industrial Chronicles",
|
||||
price: "$38.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-opened-books-library_23-2147767309.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Colonial Narratives",
|
||||
price: "$49.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-radio-scheme-printed-old-vintage-paper-documents-electricity-diagram-as-background-education-electricity-industries-repair-etc-paper-corners-selective-focus-with-depth-field_211682-175.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern History Views",
|
||||
price: "$42.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-books-thrift-shop-arrangement_23-2150269092.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Diplomatic Journals",
|
||||
price: "$55.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-anglebeautiful-love-letters_23-2150716544.jpg",
|
||||
},
|
||||
{ id: "p1", name: "The Ancient Era", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-burnt-paper_23-2150104307.jpg" },
|
||||
{ id: "p2", name: "Renaissance Memoirs", price: "$52.00", imageSrc: "http://img.b2bpic.net/free-photo/charming-young-woman-looks-old-photoalbums-sitting-cafe_8353-1394.jpg" },
|
||||
{ id: "p3", name: "Industrial Chronicles", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-opened-books-library_23-2147767309.jpg" },
|
||||
{ id: "p4", name: "Colonial Narratives", price: "$49.00", imageSrc: "http://img.b2bpic.net/free-photo/electric-radio-scheme-printed-old-vintage-paper-documents-electricity-diagram-as-background-education-electricity-industries-repair-etc-paper-corners-selective-focus-with-depth-field_211682-175.jpg" },
|
||||
{ id: "p5", name: "Modern History Views", price: "$42.00", imageSrc: "http://img.b2bpic.net/free-photo/vintage-books-thrift-shop-arrangement_23-2150269092.jpg" },
|
||||
{ id: "p6", name: "Diplomatic Journals", price: "$55.00", imageSrc: "http://img.b2bpic.net/free-photo/high-anglebeautiful-love-letters_23-2150716544.jpg" },
|
||||
]}
|
||||
title="Featured Historical Collections"
|
||||
description="Discover our carefully curated selection of historical volumes, biographies, and academic narratives."
|
||||
@@ -158,79 +92,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ancient Civilizations",
|
||||
description: "In-depth studies of early societies and cultural foundations.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-reading-form-bible_23-2149284674.jpg",
|
||||
imageAlt: "Historical book",
|
||||
},
|
||||
title: "Ancient Civilizations", description: "In-depth studies of early societies and cultural foundations.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-reading-form-bible_23-2149284674.jpg", imageAlt: "Historical book" },
|
||||
items: [
|
||||
{
|
||||
icon: Book,
|
||||
text: "Primary source analysis",
|
||||
},
|
||||
{
|
||||
icon: Scroll,
|
||||
text: "Archeological data",
|
||||
},
|
||||
{
|
||||
icon: Pen,
|
||||
text: "Expert commentary",
|
||||
},
|
||||
{ icon: Book, text: "Primary source analysis" },
|
||||
{ icon: Scroll, text: "Archeological data" },
|
||||
{ icon: Pen, text: "Expert commentary" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-books-wrapper_23-2147767711.jpg?_wi=2",
|
||||
imageAlt: "meticulously researched historical book",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Medieval Studies",
|
||||
description: "Exploring political structures and daily life in medieval Europe.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-flipping-pages-book_23-2147848096.jpg",
|
||||
imageAlt: "Medieval study",
|
||||
},
|
||||
title: "Medieval Studies", description: "Exploring political structures and daily life in medieval Europe.", media: { imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-flipping-pages-book_23-2147848096.jpg", imageAlt: "Medieval study" },
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Social stratification",
|
||||
},
|
||||
{
|
||||
icon: Castle,
|
||||
text: "Military developments",
|
||||
},
|
||||
{
|
||||
icon: Crown,
|
||||
text: "Monarch histories",
|
||||
},
|
||||
{ icon: Shield, text: "Social stratification" },
|
||||
{ icon: Castle, text: "Military developments" },
|
||||
{ icon: Crown, text: "Monarch histories" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-stack-books_23-2147767314.jpg?_wi=2",
|
||||
imageAlt: "meticulously researched historical book",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Industrial Age",
|
||||
description: "Tracking technological shifts and global transformation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/numerology-concept-with-pebbles_23-2150063016.jpg",
|
||||
imageAlt: "Industrial study",
|
||||
},
|
||||
title: "Industrial Age", description: "Tracking technological shifts and global transformation.", media: { imageSrc: "http://img.b2bpic.net/free-photo/numerology-concept-with-pebbles_23-2150063016.jpg", imageAlt: "Industrial study" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Innovation tracks",
|
||||
},
|
||||
{
|
||||
icon: Factory,
|
||||
text: "Economic shifts",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Global connections",
|
||||
},
|
||||
{ icon: Zap, text: "Innovation tracks" },
|
||||
{ icon: Factory, text: "Economic shifts" },
|
||||
{ icon: Globe, text: "Global connections" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miscellaneous-items-being-sold-yard-sale_23-2151216803.jpg?_wi=2",
|
||||
imageAlt: "meticulously researched historical book",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Exploring Eras of Antiquity"
|
||||
@@ -238,178 +124,26 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Arthur Penhaligon",
|
||||
role: "History Professor",
|
||||
testimonial: "An incredible resource for scholarly research.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-reading-indoors_23-2149357073.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
role: "Avid Historian",
|
||||
testimonial: "The depth of research is simply unparalleled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-book_329181-1214.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julian Thorne",
|
||||
role: "Librarian",
|
||||
testimonial: "A must-have collection for every serious library.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-adult-woman-library_23-2148464430.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Vance",
|
||||
role: "Student",
|
||||
testimonial: "These books have changed how I view the past.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie-looking-tired_1298-295.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark Sterling",
|
||||
role: "Historical Researcher",
|
||||
testimonial: "Exceptional clarity and historical accuracy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-sporty-girl-with-braces-wearing-headband-wristbands-holds-ping-pong-rackets-head_141793-99951.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices from the Archive"
|
||||
description="What our readers have to say about our archival works."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Historical Volumes",
|
||||
items: [
|
||||
"Well-researched topics",
|
||||
"Archival imagery included",
|
||||
"Expert analysis",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150k",
|
||||
title: "Readers Impacted",
|
||||
items: [
|
||||
"Students",
|
||||
"Scholars",
|
||||
"Enthusiasts",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "25",
|
||||
title: "Collaborative Eras",
|
||||
items: [
|
||||
"Ancient civilizations",
|
||||
"Modern histories",
|
||||
"Specialized focus",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Archival Impact"
|
||||
description="Our contribution to historical literature and archival research."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Recent Historical Insights"
|
||||
description="Short articles and commentary on recent research discoveries."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Research",
|
||||
title: "The Secrets of Ancient Scripts",
|
||||
excerpt: "Unraveling the complexities of early communication methods.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-books-arrangement_23-2148898293.jpg",
|
||||
authorName: "Elena Vance",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-vintage-portrait_23-2150795112.jpg",
|
||||
date: "March 2025",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Society",
|
||||
title: "Renaissance Daily Life",
|
||||
excerpt: "A glimpse into the mundane lives of Renaissance citizens.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-book-flowers-glasses_23-2148213833.jpg",
|
||||
authorName: "Dr. Arthur Penhaligon",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-book_23-2148680226.jpg",
|
||||
date: "February 2025",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Tech",
|
||||
title: "The Birth of Industry",
|
||||
excerpt: "Early technological developments that defined a century.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-radio-cloth-copy-space_23-2148695296.jpg",
|
||||
authorName: "Sarah Miller",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/female-sitting-floor-leaning-bookcase_23-2147864191.jpg",
|
||||
date: "January 2025",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Chronicle Archives"
|
||||
columns={[
|
||||
{
|
||||
title: "Collection",
|
||||
items: [
|
||||
{
|
||||
label: "Books",
|
||||
href: "#books",
|
||||
},
|
||||
{
|
||||
label: "Eras",
|
||||
href: "#eras",
|
||||
},
|
||||
title: "Collection", items: [
|
||||
{ label: "Books", href: "#books" },
|
||||
{ label: "Eras", href: "#eras" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Mission",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "About", items: [
|
||||
{ label: "Mission", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -419,4 +153,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user