Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f462760e7c | |||
| 39cd542e67 | |||
| 3065746383 | |||
| 363cf923a3 | |||
| 5d29250cae | |||
| 56abbaa3d9 | |||
| 5e74d56367 | |||
| 9ab7d6d56a |
351
src/app/page.tsx
351
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -33,25 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Attractions",
|
||||
id: "products",
|
||||
},
|
||||
name: "Attractions", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SS World"
|
||||
/>
|
||||
@@ -60,67 +52,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="SS World Family Park: Where Smiles Never End!"
|
||||
description="Discover a world of excitement and adventure! From thrilling rides to relaxing gardens, SS World provides the perfect backdrop for your family's next big memory."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Tickets",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Book Tickets", href: "#pricing"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-with-long-blonde-hair-standing-front-ferris-wheel_23-2147910635.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-with-long-blonde-hair-standing-front-ferris-wheel_23-2147910635.jpg?_wi=1"
|
||||
imageAlt="Family enjoying SS World Park"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-holding-hat-sunny-day-with-amusement-park-ride-background_1428-570.jpg",
|
||||
alt: "Young woman holding hat in sunny day",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-holding-hat-sunny-day-with-amusement-park-ride-background_1428-570.jpg", alt: "Young woman holding hat in sunny day"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rear-view-young-woman-front-giant-wall-amusement-park_23-2147910394.jpg",
|
||||
alt: "Rear view of a young woman at amusement park",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/rear-view-young-woman-front-giant-wall-amusement-park_23-2147910394.jpg", alt: "Rear view of a young woman at amusement park"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-lollipop-hand-standing-amusement-park_23-2147910734.jpg",
|
||||
alt: "Smiling young woman holding lollipop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-lollipop-hand-standing-amusement-park_23-2147910734.jpg", alt: "Smiling young woman holding lollipop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-leading-her-friend-holding-lollipop-amusement-park_23-2147910740.jpg",
|
||||
alt: "Young woman leading friend with lollipop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-leading-her-friend-holding-lollipop-amusement-park_23-2147910740.jpg", alt: "Young woman leading friend with lollipop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-mother-with-her-little-daughter-autumn-park_1303-17114.jpg",
|
||||
alt: "Mother and daughter in park",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-mother-with-her-little-daughter-autumn-park_1303-17114.jpg", alt: "Mother and daughter in park"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ Families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Daily 10AM-9PM",
|
||||
},
|
||||
type: "text", text: "Open Daily 10AM-9PM"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Parking",
|
||||
},
|
||||
type: "text", text: "Free Parking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safety Certified",
|
||||
},
|
||||
type: "text", text: "Safety Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award Winning Rides",
|
||||
},
|
||||
type: "text", text: "Award Winning Rides"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Group Discounts",
|
||||
},
|
||||
type: "text", text: "Group Discounts"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,23 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Safety First",
|
||||
description: "Our rides are inspected daily with state-of-the-art technology to ensure complete peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/stay-safe-with-our-certified-firewall-shield-logo-3d-style_1017-51383.jpg",
|
||||
imageAlt: "Safety badge",
|
||||
},
|
||||
title: "Safety First", description: "Our rides are inspected daily with state-of-the-art technology to ensure complete peace of mind.", imageSrc: "http://img.b2bpic.net/free-vector/stay-safe-with-our-certified-firewall-shield-logo-3d-style_1017-51383.jpg", imageAlt: "Safety badge"},
|
||||
{
|
||||
title: "Diverse Attractions",
|
||||
description: "From gentle carousels to adrenaline-pumping coasters, there's something for everyone in the family.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z1dpzx",
|
||||
imageAlt: "Rides icon",
|
||||
},
|
||||
title: "Diverse Attractions", description: "From gentle carousels to adrenaline-pumping coasters, there's something for everyone in the family.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z1dpzx", imageAlt: "Rides icon"},
|
||||
{
|
||||
title: "Gourmet Dining",
|
||||
description: "Enjoy a variety of snacks, hearty meals, and cool refreshments across our multiple food courts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cafe-icon-set_1262-7474.jpg",
|
||||
imageAlt: "Food icon",
|
||||
},
|
||||
title: "Gourmet Dining", description: "Enjoy a variety of snacks, hearty meals, and cool refreshments across our multiple food courts.", imageSrc: "http://img.b2bpic.net/free-vector/cafe-icon-set_1262-7474.jpg", imageAlt: "Food icon"},
|
||||
]}
|
||||
title="Why Families Love SS World"
|
||||
description="We blend entertainment, safety, and comfort to ensure every visit is an unforgettable day for guests of all ages."
|
||||
@@ -162,41 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Great Coaster",
|
||||
price: "Fun Rating: 10/10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-young-woman-amusement-park_23-2147910730.jpg",
|
||||
},
|
||||
id: "p1", name: "The Great Coaster", price: "Fun Rating: 10/10", imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-young-woman-amusement-park_23-2147910730.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sky-High Wheel",
|
||||
price: "Panoramic View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-lollipop-amusement-park_23-2147910727.jpg",
|
||||
},
|
||||
id: "p2", name: "Sky-High Wheel", price: "Panoramic View", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-lollipop-amusement-park_23-2147910727.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tropical Splash",
|
||||
price: "Water Fun",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-having-fun-with-floater-pool_23-2149492538.jpg",
|
||||
},
|
||||
id: "p3", name: "Tropical Splash", price: "Water Fun", imageSrc: "http://img.b2bpic.net/free-photo/child-having-fun-with-floater-pool_23-2149492538.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Golden Carousel",
|
||||
price: "Family Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-ice-cream-amusement-park_23-2147911716.jpg",
|
||||
},
|
||||
id: "p4", name: "Golden Carousel", price: "Family Classic", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-ice-cream-amusement-park_23-2147911716.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Turbo Bumper Cars",
|
||||
price: "Action Packed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-amusement-ride_23-2148287934.jpg",
|
||||
},
|
||||
id: "p5", name: "Turbo Bumper Cars", price: "Action Packed", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-amusement-ride_23-2148287934.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Star Swinger",
|
||||
price: "High Thrills",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-women-carnival_23-2149748529.jpg",
|
||||
},
|
||||
id: "p6", name: "Star Swinger", price: "High Thrills", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-women-carnival_23-2149748529.jpg"},
|
||||
]}
|
||||
title="Featured Attractions"
|
||||
description="Experience our most popular rides that keep guests coming back year after year."
|
||||
@@ -210,52 +141,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
tag: "Essentials",
|
||||
price: "$45",
|
||||
period: "/person",
|
||||
description: "Entry pass to all basic park rides and gardens.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"General Entry",
|
||||
"All Basic Rides",
|
||||
"1 Meal Coupon",
|
||||
],
|
||||
id: "plan-1", tag: "Essentials", price: "$45", period: "/person", description: "Entry pass to all basic park rides and gardens.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Included", features: [
|
||||
"General Entry", "All Basic Rides", "1 Meal Coupon"],
|
||||
},
|
||||
{
|
||||
id: "plan-2",
|
||||
tag: "Full Experience",
|
||||
price: "$75",
|
||||
period: "/person",
|
||||
description: "Unlimited access to all premium rides and dining discounts.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Express Entry",
|
||||
"All Unlimited Rides",
|
||||
"Free Dining Credit",
|
||||
],
|
||||
id: "plan-2", tag: "Full Experience", price: "$75", period: "/person", description: "Unlimited access to all premium rides and dining discounts.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Express Entry", "All Unlimited Rides", "Free Dining Credit"],
|
||||
},
|
||||
{
|
||||
id: "plan-3",
|
||||
tag: "Family Bundle",
|
||||
price: "$250",
|
||||
period: "/4 people",
|
||||
description: "The perfect choice for a family day out with full perks.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Family Entry",
|
||||
"Unlimited Rides",
|
||||
"Priority Access",
|
||||
],
|
||||
id: "plan-3", tag: "Family Bundle", price: "$250", period: "/4 people", description: "The perfect choice for a family day out with full perks.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Family Entry", "Unlimited Rides", "Priority Access"],
|
||||
},
|
||||
]}
|
||||
title="Pick Your Park Package"
|
||||
@@ -270,59 +171,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Mom",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter_1157-8461.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Mom", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter_1157-8461.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Dad",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-with-carnival-wheel_23-2148311343.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Dad", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-with-carnival-wheel_23-2148311343.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
role: "Student",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-holding-cup_23-2149748527.jpg",
|
||||
},
|
||||
id: "3", name: "Emily P.", role: "Student", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-holding-cup_23-2149748527.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John B.",
|
||||
role: "Grandpa",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-spring-park_1157-14998.jpg",
|
||||
},
|
||||
id: "4", name: "John B.", role: "Grandpa", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-spring-park_1157-14998.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria C.",
|
||||
role: "Aunt",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girls-blowing-bubbles_23-2148624860.jpg",
|
||||
},
|
||||
id: "5", name: "Maria C.", role: "Aunt", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girls-blowing-bubbles_23-2148624860.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Families",
|
||||
},
|
||||
value: "10k+", label: "Happy Families"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Unique Rides",
|
||||
},
|
||||
value: "50+", label: "Unique Rides"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Dining Zones",
|
||||
},
|
||||
value: "15+", label: "Dining Zones"},
|
||||
]}
|
||||
title="Families Agree: SS World is the Best!"
|
||||
description="We are honored to have served thousands of happy families. See what they have to say about their visit."
|
||||
@@ -337,25 +207,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Service Hours",
|
||||
description: "Available staff and security.",
|
||||
icon: Clock,
|
||||
id: "m1", value: "24/7", title: "Service Hours", description: "Available staff and security.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Safety Rate",
|
||||
description: "Certified maintenance protocols.",
|
||||
icon: Shield,
|
||||
id: "m2", value: "99.9%", title: "Safety Rate", description: "Certified maintenance protocols.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
title: "Awards Won",
|
||||
description: "Recognized in family entertainment.",
|
||||
icon: Award,
|
||||
id: "m3", value: "100+", title: "Awards Won", description: "Recognized in family entertainment.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Park Milestones"
|
||||
@@ -364,95 +222,64 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is parking included?",
|
||||
content: "Yes, we have free ample parking for all ticket holders.",
|
||||
},
|
||||
id: "f1", title: "Is parking included?", content: "Yes, we have free ample parking for all ticket holders."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I bring my own food?",
|
||||
content: "Outside food is not permitted, but we have affordable dining options.",
|
||||
},
|
||||
id: "f2", title: "Can I bring my own food?", content: "Outside food is not permitted, but we have affordable dining options."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there height restrictions?",
|
||||
content: "Some rides have safety height requirements visible at each attraction.",
|
||||
},
|
||||
id: "f3", title: "Are there height restrictions?", content: "Some rides have safety height requirements visible at each attraction."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have the answers to make your planning stress-free."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-with-long-blonde-hair-standing-frontris-wheel_23-2147910635.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Start Planning Your Visit Today"
|
||||
description="Need group booking information or special assistance? Contact us now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
<ContactSplitForm
|
||||
title="Contact Our Management Team"
|
||||
description="For group booking inquiries, corporate events, or partnership requests, please reach out directly."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4 }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBaseCard
|
||||
logoText="SS World"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Press Center", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Service Areas", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Accessibility", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 SS World Family Park."
|
||||
bottomRightText="All rights reserved."
|
||||
copyrightText="© 2025 | SS World Family Park"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user