233 lines
12 KiB
TypeScript
233 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Stores", id: "/stores"},
|
|
{
|
|
name: "Dining & Entertainment", id: "/dining-entertainment"},
|
|
{
|
|
name: "Services", id: "/services"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
brandName="Spring Valley"
|
|
button={{
|
|
text: "Explore Stores", href: "#stores"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Spring Valley"
|
|
description="Your local destination for shopping, dining, and everyday finds—where affordability meets community. Everything you need, all in one place."
|
|
buttons={[
|
|
{
|
|
text: "Explore Stores", href: "#stores"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353746.jpg", imageAlt: "Modern shopping mall interior with people shopping and dining"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-people-celebrating-concept_53876-30083.jpg", imageAlt: "Diverse groups of people enjoying dining and entertainment at a lively shopping center"},
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="About Us"
|
|
title="Discover Your Community Hub"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "shopping", label: "Local Shoppers", title: "Affordable Fashion & Unique Finds", items: [
|
|
"Discover budget-conscious fashion", "Explore deals and thrift treasures", "Enjoy a one-stop convenience for everyday needs"],
|
|
},
|
|
{
|
|
id: "dining", label: "Dining & Entertainment", title: "Vibrant Food & Social Hangouts", items: [
|
|
"Savor authentic local cuisine", "Experience lively nightlife and karaoke", "Find Instagram-worthy dining spots"],
|
|
},
|
|
{
|
|
id: "services", label: "Service Seekers", title: "Essential Services & Personal Care", items: [
|
|
"Access reliable salons and beauty services", "Handle banking and professional needs efficiently", "Benefit from trusted local recommendations"],
|
|
},
|
|
]}
|
|
title="Experiences for Every Lifestyle"
|
|
description="From fashion finds and delicious dining to essential services and entertainment, Spring Valley has something for everyone. Explore our diverse offerings tailored to your needs, ensuring convenience and quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="product-categories" data-section="product-categories">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "fashion-boutiques", name: "Fashion Boutiques", price: "Explore Latest Styles", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-second-hand-market_23-2149353671.jpg", imageAlt: "Trendy fashion boutique with clothes on display"},
|
|
{
|
|
id: "local-eateries", name: "Local Eateries & Cafes", price: "Savor Unique Flavors", imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7272.jpg", imageAlt: "Cozy local cafe serving delicious food and coffee"},
|
|
{
|
|
id: "home-goods", name: "Home Goods & Decor", price: "Furnish Your Space", imageSrc: "http://img.b2bpic.net/free-photo/supplies-composition-with-blue-background_23-2149491454.jpg", imageAlt: "Modern home goods store with stylish decor items"},
|
|
{
|
|
id: "kids-entertainment", name: "Kids Entertainment", price: "Fun for All Ages", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-family-doing-outdoors-activities-collection_23-2148160626.jpg", imageAlt: "Colorful indoor play zone for children"},
|
|
]}
|
|
title="Find Your Favorites"
|
|
description="Browse a diverse selection of stores and dining options, from budget-friendly fashion to authentic local eateries. Discover new treasures and everyday essentials."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Fashion Hub", "Gourmet Bites", "Tech Solutions", "Wellness Spa", "Book Nook", "Eco Store", "Kids Zone"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/wedding-logo-set-flat-design_23-2148979939.jpg", "http://img.b2bpic.net/free-vector/appliances-white-background_24908-61031.jpg", "http://img.b2bpic.net/free-vector/restaurant-retro-logo-collection_23-2148368855.jpg", "http://img.b2bpic.net/free-photo/check-funds-finance-internet-technology-concept_53876-15879.jpg", "http://img.b2bpic.net/free-vector/health-care-protection-shield-background-pharmacy-laboratory_1017-51668.jpg", "http://img.b2bpic.net/free-vector/flat-minimal-cinema-festival-labels-collection_23-2149955324.jpg", "http://img.b2bpic.net/free-vector/highquality-athletic-shirt-textures-sublimation-exercise-clothing-vectors_29096-4766.jpg"]}
|
|
title="Our Valued Tenants & Partners"
|
|
description="We're proud to host a diverse range of local businesses and national brands, ensuring variety and quality for our community, making Spring Valley a destination you can trust."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Spring Valley transformed my shopping routine. It's so convenient to find everything from great deals on clothes to delicious food, all in one friendly place. And parking is easier than I expected!"
|
|
rating={5}
|
|
author="Sarah P., Local Shopper"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera_1301-3386.jpg", alt: "Sarah P."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-big-jacket_273609-14200.jpg", alt: "Michael R."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12355.jpg", alt: "Emily T."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-model-sexy-unshaven-man-dressed-yellow-summer-shirt-jeans-clothes-fashion-male-posing-near-blue-wall-studio-cheerful-happy-isolated_158538-26854.jpg", alt: "David L."},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-faq" data-section="contact-faq">
|
|
<ContactFaq
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "mall-hours", title: "What are Spring Valley's operating hours?", content: "Spring Valley is open Monday-Saturday from 10 AM to 9 PM, and Sunday from 11 AM to 7 PM. Holiday hours may vary, please check our website for updates."
|
|
},
|
|
{
|
|
id: "store-directory", title: "Where can I find a specific store?", content: "You can find our comprehensive store directory on our website, or pick up a physical directory map at our Guest Services desk near the main entrance."
|
|
},
|
|
{
|
|
id: "parking-info", title: "Where is parking available and what are the rates?", content: "Spring Valley offers ample free parking in our multi-story garage and various surface lots. Accessible parking is available near all major entrances. No hourly rates apply for standard parking."
|
|
},
|
|
{
|
|
id: "gift-cards", title: "Do you offer Spring Valley gift cards?", content: "Yes, Spring Valley gift cards are available for purchase at our Guest Services desk. They make the perfect gift and are accepted at most stores and restaurants throughout the mall."
|
|
},
|
|
{
|
|
id: "lost-found", title: "What should I do if I lost an item or need assistance?", content: "For lost and found inquiries, or any other assistance during your visit, please visit our Guest Services desk located near the main entrance or call us at [Phone Number]."
|
|
},
|
|
{
|
|
id: "accessibility", title: "Is Spring Valley accessible for guests with disabilities?", content: "Yes, Spring Valley is fully accessible. We offer wheelchair rentals at Guest Services, accessible restrooms, and designated parking spaces to ensure a comfortable experience for all guests."
|
|
}
|
|
]}
|
|
ctaTitle="Need Further Assistance?"
|
|
ctaDescription="Our dedicated Guest Services team is here to help make your visit to Spring Valley enjoyable and stress-free. Feel free to reach out with any questions."
|
|
ctaButton={{
|
|
text: "Contact Our Team", href: "/contact"
|
|
}}
|
|
ctaIcon={Mail}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Shopping & Dining", items: [
|
|
{ label: "Store Directory", href: "#" },
|
|
{ label: "Restaurants", href: "#" },
|
|
{ label: "Specialty Stores", href: "#" },
|
|
{ label: "Sales & Promotions", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Plan Your Visit", items: [
|
|
{ label: "Mall Hours", href: "#" },
|
|
{ label: "Directions & Parking", href: "#" },
|
|
{ label: "Guest Services", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "About Spring Valley", items: [
|
|
{ label: "Events & Entertainment", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Leasing Opportunities", href: "#" },
|
|
{ label: "Newsroom", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal & Connect", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Spring Valley Mall. All rights reserved. Managed by Local Retail Group."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|