Update src/app/page.tsx
This commit is contained in:
182
src/app/page.tsx
182
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "History",
|
||||
id: "about",
|
||||
},
|
||||
name: "History", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Chellah Site"
|
||||
/>
|
||||
@@ -55,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Site Archéologique de Chellah"
|
||||
description="Discover the ancient soul of Rabat, where centuries of history converge in a stunning archaeological ensemble."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Plan Your Visit", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/castle-cardona-catalonia-spain_1398-3123.jpg",
|
||||
imageAlt: "Ruins at sunrise",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/castle-cardona-catalonia-spain_1398-3123.jpg", imageAlt: "Ruins at sunrise"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/famous-historic-uplistsikhe-rock-hewn-town-eastern-georgia_181624-9602.jpg",
|
||||
imageAlt: "Ancient walls",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/famous-historic-uplistsikhe-rock-hewn-town-eastern-georgia_181624-9602.jpg", imageAlt: "Ancient walls"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-lifestyle-portrait-stunning-woman_343629-202.jpg",
|
||||
imageAlt: "Historical monument",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-lifestyle-portrait-stunning-woman_343629-202.jpg", imageAlt: "Historical monument"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-kasbah-ait-ben-haddou-historical-village-morocco_181624-9839.jpg",
|
||||
imageAlt: "Ancient gate",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-kasbah-ait-ben-haddou-historical-village-morocco_181624-9839.jpg", imageAlt: "Ancient gate"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ancient-vaults-cathedral-windows-stone-architecture-with-history-sacred-church-atmosphere_169016-68741.jpg",
|
||||
imageAlt: "Stonework details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ancient-vaults-cathedral-windows-stone-architecture-with-history-sacred-church-atmosphere_169016-68741.jpg", imageAlt: "Stonework details"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-temple-tomb-from-ancient-egyptian-times_23-2151611750.jpg",
|
||||
imageAlt: "Tomb ruins",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-temple-tomb-from-ancient-egyptian-times_23-2151611750.jpg", imageAlt: "Tomb ruins"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,9 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Journey Through Centuries"
|
||||
description={[
|
||||
"The Chellah stands as a testament to the multi-layered history of Morocco. From Roman foundations to Merinid necropolis, explore the evolution of civilizations through stone and earth.",
|
||||
"Visitors are invited to walk through tranquil gardens and uncover narratives spanning back to the 3rd century BC.",
|
||||
]}
|
||||
"The Chellah stands as a testament to the multi-layered history of Morocco. From Roman foundations to Merinid necropolis, explore the evolution of civilizations through stone and earth.", "Visitors are invited to walk through tranquil gardens and uncover narratives spanning back to the 3rd century BC."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,23 +86,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Guided Tours",
|
||||
description: "Expert-led walks exploring the architectural and social narratives of Chellah.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bcygc4",
|
||||
imageAlt: "Tour guide icon",
|
||||
},
|
||||
title: "Guided Tours", description: "Expert-led walks exploring the architectural and social narratives of Chellah.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bcygc4", imageAlt: "Tour guide icon"},
|
||||
{
|
||||
title: "Historical Research",
|
||||
description: "Access resources dedicated to the archaeological preservation of the site.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travelling-city-visiting-tourist-attractions_23-2148570662.jpg",
|
||||
imageAlt: "Historical icon",
|
||||
},
|
||||
title: "Historical Research", description: "Access resources dedicated to the archaeological preservation of the site.", imageSrc: "http://img.b2bpic.net/free-photo/travelling-city-visiting-tourist-attractions_23-2148570662.jpg", imageAlt: "Historical icon"},
|
||||
{
|
||||
title: "Community Events",
|
||||
description: "Partake in cultural performances held amidst the timeless ruins.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-people-standing-hill-looking-towards-desert-cliff-daytime_181624-3142.jpg",
|
||||
imageAlt: "Cultural event icon",
|
||||
},
|
||||
title: "Community Events", description: "Partake in cultural performances held amidst the timeless ruins.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-people-standing-hill-looking-towards-desert-cliff-daytime_181624-3142.jpg", imageAlt: "Cultural event icon"},
|
||||
]}
|
||||
title="Uncover The Heritage"
|
||||
description="Engage with the past through our curated experiences."
|
||||
@@ -141,22 +104,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Visitors Annually",
|
||||
value: "150k+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Visitors Annually", value: "150k+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Historical Eras",
|
||||
value: "4",
|
||||
icon: Clock,
|
||||
id: "m2", title: "Historical Eras", value: "4", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Preservation Projects",
|
||||
value: "12",
|
||||
icon: Shield,
|
||||
id: "m3", title: "Preservation Projects", value: "12", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Heritage By Numbers"
|
||||
@@ -166,44 +120,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Fatima Zahra",
|
||||
role: "Traveler",
|
||||
testimonial: "A truly magical place. The blend of nature and ancient architecture is breathtaking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-away-pointing_23-2148258831.jpg",
|
||||
},
|
||||
id: "t1", name: "Fatima Zahra", role: "Traveler", testimonial: "A truly magical place. The blend of nature and ancient architecture is breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-away-pointing_23-2148258831.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jean Dupont",
|
||||
role: "Historian",
|
||||
testimonial: "An incredible archaeological site. It provides profound insight into Morocco's diverse past.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-looking-castle-ruins_23-2148622521.jpg",
|
||||
},
|
||||
id: "t2", name: "Jean Dupont", role: "Historian", testimonial: "An incredible archaeological site. It provides profound insight into Morocco's diverse past.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-looking-castle-ruins_23-2148622521.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amina Alami",
|
||||
role: "Teacher",
|
||||
testimonial: "My students were enthralled by the history. It makes learning history tangible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-bench_23-2148928018.jpg",
|
||||
},
|
||||
id: "t3", name: "Amina Alami", role: "Teacher", testimonial: "My students were enthralled by the history. It makes learning history tangible.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-bench_23-2148928018.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Samuel Reed",
|
||||
role: "Photographer",
|
||||
testimonial: "The light during sunset over these ruins is an absolute dream for photographers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-waving-american-flags-rocks_23-2148135141.jpg",
|
||||
},
|
||||
id: "t4", name: "Samuel Reed", role: "Photographer", testimonial: "The light during sunset over these ruins is an absolute dream for photographers.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-waving-american-flags-rocks_23-2148135141.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Youssef Mansour",
|
||||
role: "Tourist",
|
||||
testimonial: "Quiet, peaceful, and rich in history. A must-visit destination in Rabat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-man-posing-outdoor_344912-3084.jpg",
|
||||
},
|
||||
id: "t5", name: "Youssef Mansour", role: "Tourist", testimonial: "Quiet, peaceful, and rich in history. A must-visit destination in Rabat.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-man-posing-outdoor_344912-3084.jpg"},
|
||||
]}
|
||||
title="Voices of the Past & Present"
|
||||
description="Hear what visitors have to say about their experience at Chellah."
|
||||
@@ -216,20 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are the opening hours?",
|
||||
content: "The site is open daily from 9:00 AM to 6:00 PM.",
|
||||
},
|
||||
id: "f1", title: "What are the opening hours?", content: "The site is open daily from 9:00 AM to 6:00 PM."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are guided tours available?",
|
||||
content: "Yes, professional guides are available on-site for organized tours.",
|
||||
},
|
||||
id: "f2", title: "Are guided tours available?", content: "Yes, professional guides are available on-site for organized tours."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is photography permitted?",
|
||||
content: "Personal photography is encouraged. Professional filming requires prior authorization.",
|
||||
},
|
||||
id: "f3", title: "Is photography permitted?", content: "Personal photography is encouraged. Professional filming requires prior authorization."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Plan your visit effectively with answers to common questions."
|
||||
@@ -244,22 +165,14 @@ export default function LandingPage() {
|
||||
description="Need more information? Reach out for guided tour inquiries or general information."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
required: true,
|
||||
name: "message", placeholder: "Your message", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/animal-habitat_23-2148167376.jpg"
|
||||
/>
|
||||
@@ -271,42 +184,27 @@ export default function LandingPage() {
|
||||
logoText="Chellah Site"
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "History",
|
||||
href: "#about",
|
||||
},
|
||||
label: "History", href: "#about"},
|
||||
{
|
||||
label: "Preservation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Preservation", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Tickets",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tickets", href: "#"},
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
label: "Guides", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user