Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| de361fd66c | |||
| e0ede8e965 | |||
| 557dbd057c | |||
| d4b12e1325 | |||
| 0265ee6269 |
213
src/app/page.tsx
213
src/app/page.tsx
@@ -3,16 +3,12 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Car, Star } from "lucide-react";
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,14 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Amenities", id: "amenities"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Directory", id: "directory" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CG Landmark"
|
||||
/>
|
||||
@@ -49,185 +41,76 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Welcome to CG Landmark Mall"
|
||||
description="Your ultimate destination for shopping, dining, and family fun, designed with everyone in mind."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Visit", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Plan Your Visit", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8328.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-girl-shopping-center_23-2147669894.jpg", alt: "Pretty girl in shopping center"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1566.jpg", alt: "indoor hotel view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-smiley-students-chatting_23-2149647060.jpg", alt: "Long shot smiley students chatting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8351.jpg", alt: "Blur shopping mall"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg", alt: "Man winking and thumb up"},
|
||||
]}
|
||||
avatarText="Join our community of happy shoppers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Experience True Accessibility"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/full-shot-disabled-man-taking-elevator_23-2149445630.jpg", alt: "accessible mall ramp"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="amenities" data-section="amenities">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited access areas", "No changing tables", "No playground"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Wheelchair-accessible car park", "Wheelchair-accessible entrance", "Wheelchair-accessible toilets", "Changing tables", "Playground"],
|
||||
}}
|
||||
title="Premium Amenities"
|
||||
description="Comprehensive facilities to ensure every visitor enjoys comfort and convenience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="parking" data-section="parking">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Car,
|
||||
title: "Free Street Parking", value: "Available"},
|
||||
{
|
||||
id: "m2", icon: Car,
|
||||
title: "Paid Lot Parking", value: "Secure"},
|
||||
{
|
||||
id: "m3", icon: Star,
|
||||
title: "Accessible Spaces", value: "Designed"},
|
||||
]}
|
||||
title="Parking Made Easy"
|
||||
description="We offer flexible parking options for your stress-free arrival."
|
||||
/>
|
||||
<div id="directory" data-section="directory">
|
||||
<FeatureCardTwentyThree
|
||||
title="Mall Directory"
|
||||
description="Explore our wide range of categories and popular spots."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Food & Drink", tags: ["KFC", "The Pizza House"] },
|
||||
{ id: "f2", title: "Clothing & Shoes", tags: ["Fashion Hub", "Shoe Palace"] },
|
||||
{ id: "f3", title: "Health & Beauty", tags: ["Shinir Photo and Video"] },
|
||||
{ id: "f4", title: "Electronics", tags: ["QFX Cinemas", "Gadget World"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardTwo
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1", brand: "Retail", name: "In-Store Shopping", price: "Everyday", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7910.jpg"},
|
||||
{
|
||||
id: "s2", brand: "Support", name: "On-Site Assistance", price: "Available", rating: 5,
|
||||
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-with-office-job-sitting-desk-with-computer-monitor-data-charts-screen-corporate-employee-looking-camera-preparing-work-business-project_482257-35935.jpg"},
|
||||
{
|
||||
id: "s3", brand: "Financial", name: "Credit Card Accepted", price: "Standard", rating: 4,
|
||||
reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-cashier-receiving-payment-through-credit-card-supermarket_662251-1438.jpg"},
|
||||
{
|
||||
id: "s4", brand: "Utilities", name: "Restroom Access", price: "Complimentary", rating: 5,
|
||||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-hazmat-suit-cleaning_23-2149345581.jpg"},
|
||||
{
|
||||
id: "s5", brand: "Amenities", name: "Changing Tables", price: "For Families", rating: 5,
|
||||
reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/mother-writing-chalkboard-daughter_23-2147848687.jpg"},
|
||||
{
|
||||
id: "s6", brand: "Leisure", name: "Children's Playground", price: "For All", rating: 5,
|
||||
reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/girl-spinning-carousel_23-2147830648.jpg"},
|
||||
]}
|
||||
title="On-Site Services"
|
||||
description="Explore the variety of services available at our location."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="family" data-section="family">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Alice D.", role: "Mother", testimonial: "The changing tables are perfectly located and very clean.", imageSrc: "http://img.b2bpic.net/free-photo/shopping-close-up-portrait-young-attractive-tan-skinned-caucasian-girl-sunglasses-black-dress-holding-lot-bags-after-shoping-talking-phone-with-friend-looking-camera-with-happy_176420-5566.jpg"},
|
||||
{
|
||||
id: "t2", name: "Bob K.", role: "Father", testimonial: "Playground kept the kids busy for hours. Wonderful facilities.", imageSrc: "http://img.b2bpic.net/free-photo/family-shopping_1098-14999.jpg"},
|
||||
{
|
||||
id: "t3", name: "Cathy L.", role: "Visitor", testimonial: "Best accessible mall I've visited in a long time.", imageSrc: "http://img.b2bpic.net/free-photo/scared-red-haired-woman-gazes-stupor-floor-dressed-grey-t-shirt_176532-9162.jpg"},
|
||||
{
|
||||
id: "t4", name: "David M.", role: "Shopper", testimonial: "Convenient parking options make it super easy.", imageSrc: "http://img.b2bpic.net/free-photo/man-clapping-hands-isolated-studio_1303-30130.jpg"},
|
||||
{
|
||||
id: "t5", name: "Eve J.", role: "Grandmother", testimonial: "Everything is very accessible and easy to move through.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-woman-home_23-2148373789.jpg"},
|
||||
title="Featured Popular Spots"
|
||||
description="Discover some of our most visited locations in the mall."
|
||||
products={[
|
||||
{ id: "p1", name: "KFC", price: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/fast-food-meal_1203-7910.jpg" },
|
||||
{ id: "p2", name: "The Pizza House", price: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/pizza-slice_1203-7911.jpg" },
|
||||
{ id: "p3", name: "QFX Cinemas", price: "Entertainment", imageSrc: "http://img.b2bpic.net/free-photo/cinema-screen_1203-7912.jpg" },
|
||||
{ id: "p4", name: "Shinir Photo and Video", price: "Services", imageSrc: "http://img.b2bpic.net/free-photo/photo-studio_1203-7913.jpg" },
|
||||
]}
|
||||
title="Why Families Love Us"
|
||||
description="Hear what our visitors have to say about their experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Is parking free?", content: "We offer both free street parking and paid lot parking."},
|
||||
{
|
||||
id: "f2", title: "Are there accessible toilets?", content: "Yes, we have multiple wheelchair-accessible toilets."},
|
||||
{
|
||||
id: "f3", title: "Do you accept credit cards?", content: "Yes, we accept major credit cards."},
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="What Visitors Say"
|
||||
description="Our mall maintains a 4.0 rating based on hundreds of happy shopper experiences."
|
||||
testimonials={[
|
||||
{ id: "r1", name: "John D.", role: "Shopper", company: "Mall Visit", rating: 4, imageSrc: "https://img.freepik.com/free-photo/happy-man_1147-156.jpg" },
|
||||
{ id: "r2", name: "Sarah M.", role: "Parent", company: "Family Day", rating: 5, imageSrc: "https://img.freepik.com/free-photo/happy-woman_1147-157.jpg" },
|
||||
{ id: "r3", name: "Robert K.", role: "Customer", company: "Electronics", rating: 4, imageSrc: "https://img.freepik.com/free-photo/happy-man-2_1147-158.jpg" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Quick information about our mall."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-deparment-store-interior_1203-9605.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready to Plan Your Visit?"
|
||||
description="For any inquiries, contact our customer service desk at 9846399776. We are open daily to welcome you and your family."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Mall Info", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Amenities", items: [
|
||||
{
|
||||
label: "Parking", href: "#parking"},
|
||||
{
|
||||
label: "Accessible Facilities", href: "#amenities"},
|
||||
],
|
||||
},
|
||||
{ title: "Mall Info", items: [{ label: "About Us", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 CG Landmark Mall."
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user