Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
292
src/app/page.tsx
292
src/app/page.tsx
@@ -29,137 +29,49 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "collection",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collections", id: "collection" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="متحف العبودي"
|
||||
button={{
|
||||
text: "Plan Visit",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Plan Visit", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="متحف العبودي"
|
||||
description="Where Heritage Lives and Stories Never Fade. اكتشف كنوزاً نادرة من التاريخ والتراث في تجربة تأخذك عبر الزمن."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pyl12t",
|
||||
imageAlt: "traditional emirati antique lamp museum",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ax1sz",
|
||||
imageAlt: "antique emirati household tool",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7sov0w",
|
||||
imageAlt: "traditional emirati dagger artifact",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4f6vlt",
|
||||
imageAlt: "antique arab clay pot",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vu1mob",
|
||||
imageAlt: "ancient arab silver coins",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pyl12t", imageAlt: "traditional emirati antique lamp museum" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ax1sz", imageAlt: "antique emirati household tool" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7sov0w", imageAlt: "traditional emirati dagger artifact" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4f6vlt", imageAlt: "antique arab clay pot" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vu1mob", imageAlt: "ancient arab silver coins" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lnp63l",
|
||||
imageAlt: "traditional emirati weaving tool",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ky3rqo",
|
||||
imageAlt: "traditional emirati dagger artifact",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v5pu7b",
|
||||
imageAlt: "antique arab clay pot",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2x9g1i",
|
||||
imageAlt: "ancient arab silver coins",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0usjxs",
|
||||
imageAlt: "traditional emirati antique lamp museum",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lnp63l", imageAlt: "traditional emirati weaving tool" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ky3rqo", imageAlt: "traditional emirati dagger artifact" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v5pu7b", imageAlt: "antique arab clay pot" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2x9g1i", imageAlt: "ancient arab silver coins" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0usjxs", imageAlt: "traditional emirati antique lamp museum" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#collection",
|
||||
},
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Collection", href: "#collection" },
|
||||
{ text: "Plan Your Visit", href: "#contact" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7z95vq",
|
||||
alt: "smiling middle-aged woman portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyjyrn",
|
||||
alt: "young arab man smiling portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2an9zg",
|
||||
alt: "mature arab man smiling portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6n3q9e",
|
||||
alt: "smiling woman portrait professional",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wks21w",
|
||||
alt: "young professional portrait smiling",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7z95vq", alt: "smiling middle-aged woman portrait" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyjyrn", alt: "young arab man smiling portrait" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2an9zg", alt: "mature arab man smiling portrait" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6n3q9e", alt: "smiling woman portrait professional" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wks21w", alt: "young professional portrait smiling" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ local history lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Preservation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Education",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Culture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tradition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artistry",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Preservation" }, { type: "text", text: "Education" }, { type: "text", text: "Culture" }, { type: "text", text: "Tradition" }, { type: "text", text: "Artistry" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -179,36 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Culture",
|
||||
title: "Rare Heritage Collection",
|
||||
items: [
|
||||
"Authentic antiques",
|
||||
"Generational preservation",
|
||||
"Cultural storytelling",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Learn",
|
||||
title: "Learn Through Discovery",
|
||||
items: [
|
||||
"Fascinating history",
|
||||
"Interactive knowledge",
|
||||
"Educational depth",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Family",
|
||||
title: "Family Experience",
|
||||
items: [
|
||||
"Welcoming for all",
|
||||
"Educational experiences",
|
||||
"Cultural engagement",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Culture", title: "Rare Heritage Collection", items: ["Authentic antiques", "Generational preservation", "Cultural storytelling"] },
|
||||
{ id: "f2", label: "Learn", title: "Learn Through Discovery", items: ["Fascinating history", "Interactive knowledge", "Educational depth"] },
|
||||
{ id: "f3", label: "Family", title: "Family Experience", items: ["Welcoming for all", "Educational experiences", "Cultural engagement"] },
|
||||
]}
|
||||
title="The Experience"
|
||||
description="Discover a heritage destination designed for every generation."
|
||||
@@ -217,52 +102,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Traditional Artifact",
|
||||
price: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0esgx",
|
||||
imageAlt: "antique emirati household tool",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Household Tools",
|
||||
price: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7diee",
|
||||
imageAlt: "traditional emirati dagger artifact",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rare Antiques",
|
||||
price: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4u4lzn",
|
||||
imageAlt: "antique arab clay pot",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Historical Pieces",
|
||||
price: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oxryw7",
|
||||
imageAlt: "ancient arab silver coins",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Vintage Treasures",
|
||||
price: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3nx35z",
|
||||
imageAlt: "traditional emirati weaving tool",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cultural Collectibles",
|
||||
price: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vwvmqy",
|
||||
imageAlt: "traditional emirati antique lamp museum",
|
||||
},
|
||||
{ id: "p1", name: "Traditional Artifact", price: "View", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0esgx", imageAlt: "antique emirati household tool" },
|
||||
{ id: "p2", name: "Household Tools", price: "View", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7diee", imageAlt: "traditional emirati dagger artifact" },
|
||||
{ id: "p3", name: "Rare Antiques", price: "View", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4u4lzn", imageAlt: "antique arab clay pot" },
|
||||
{ id: "p4", name: "Historical Pieces", price: "View", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oxryw7", imageAlt: "ancient arab silver coins" },
|
||||
{ id: "p5", name: "Vintage Treasures", price: "View", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3nx35z", imageAlt: "traditional emirati weaving tool" },
|
||||
{ id: "p6", name: "Cultural Collectibles", price: "View", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vwvmqy", imageAlt: "traditional emirati antique lamp museum" },
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Explore rare pieces and historical tools."
|
||||
@@ -276,51 +126,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Farha Ahmed",
|
||||
role: "Visitor",
|
||||
company: "RAK",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7z95vq",
|
||||
imageAlt: "smiling middle-aged woman portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Haya AlNaqbi",
|
||||
role: "History Buff",
|
||||
company: "RAK",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyjyrn",
|
||||
imageAlt: "young arab man smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Abdulrahman Al Ansari",
|
||||
role: "Collector",
|
||||
company: "Dubai",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2an9zg",
|
||||
imageAlt: "mature arab man smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Miller",
|
||||
role: "Tourist",
|
||||
company: "USA",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6n3q9e",
|
||||
imageAlt: "smiling woman portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "John Doe",
|
||||
role: "Museum Fan",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wks21w",
|
||||
imageAlt: "young professional portrait smiling",
|
||||
},
|
||||
{ id: "t1", name: "Farha Ahmed", role: "Visitor", company: "RAK", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7z95vq", imageAlt: "smiling middle-aged woman portrait" },
|
||||
{ id: "t2", name: "Haya AlNaqbi", role: "History Buff", company: "RAK", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyjyrn", imageAlt: "young arab man smiling portrait" },
|
||||
{ id: "t3", name: "Abdulrahman Al Ansari", role: "Collector", company: "Dubai", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2an9zg", imageAlt: "mature arab man smiling portrait" },
|
||||
{ id: "t4", name: "Sarah Miller", role: "Tourist", company: "USA", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6n3q9e", imageAlt: "smiling woman portrait professional" },
|
||||
{ id: "t5", name: "John Doe", role: "Museum Fan", company: "Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wks21w", imageAlt: "young professional portrait smiling" },
|
||||
]}
|
||||
title="Stories From Visitors"
|
||||
description="See why our museum is rated 4.6/5 by history lovers."
|
||||
@@ -343,18 +153,8 @@ export default function LandingPage() {
|
||||
title="Visit Us"
|
||||
description="📍 Al Riffa — Ras Al Khaimah | ☎ 050 788 0717 | Family friendly and wheelchair accessible."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zsiukr"
|
||||
imageAlt="traditional emirati antique lamp museum"
|
||||
@@ -364,14 +164,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="متحف العبودي"
|
||||
leftLink={{
|
||||
text: "Preserving heritage",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Al Aboodi Museum",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Preserving heritage", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Al Aboodi Museum", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user