Merge version_2 into main #3
@@ -9,18 +9,28 @@ import { ShieldCheck, Users, Info } from "lucide-react";
|
||||
|
||||
export default function AttractionsPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Attractions", id: "/attractions" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "FAQ", id: "/#faq" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Dubai Dolphinarium"
|
||||
/>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Attractions", id: "/attractions" },
|
||||
]}
|
||||
brandName="Dubai Dolphinarium"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pt-32 pb-20">
|
||||
<FeatureCardTwentyFive
|
||||
@@ -31,29 +41,31 @@ export default function AttractionsPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dolphin & Seal Show", description: "Our flagship performance featuring acrobatic dolphins and playful seals. An unforgettable spectacle for the whole family.", icon: ShieldCheck,
|
||||
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/lazy-sea-cow-swimming-underwater-with-fish_493961-650.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/lazy-sea-cow-swimming-underwater-with-fish_493961-650.jpg?_wi=3" }]
|
||||
id: "dolphin-show", title: "Dolphin & Seal Show", tags: ["Show", "Family"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lazy-sea-cow-swimming-underwater-with-fish_493961-650.jpg?_wi=2", imageAlt: "Dolphin & Seal Show"
|
||||
},
|
||||
{
|
||||
title: "Interactive Encounters", description: "Meet our marine ambassadors in person. Learn about their care and habitat in a safe, educational setting.", icon: Users,
|
||||
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/starfish-underwater-still-life_23-2150434856.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-park_23-2151048108.jpg" }]
|
||||
id: "interactive", title: "Interactive Encounters", tags: ["Education", "Experience"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/starfish-underwater-still-life_23-2150434856.jpg", imageAlt: "Interactive Encounters"
|
||||
},
|
||||
{
|
||||
title: "Marine Life Exhibits", description: "Discover diverse marine species in our specialized habitats. A deep dive into marine biology and conservation.", icon: Info,
|
||||
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/starfish-underwater-still-life_23-2150434856.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/starfish-underwater-still-life_23-2150434856.jpg?_wi=3" }]
|
||||
id: "exhibits", title: "Marine Life Exhibits", tags: ["Exhibit", "Nature"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-park_23-2151048108.jpg", imageAlt: "Marine Life Exhibits"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Attractions", href: "/attractions" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Dubai Dolphinarium"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Attractions", href: "/attractions" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Dubai Dolphinarium"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user