Update src/app/page.tsx
This commit is contained in:
188
src/app/page.tsx
188
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Stores",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "events",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Stores", id: "features" },
|
||||
{ name: "Events", id: "events" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Hayat Mall"
|
||||
/>
|
||||
@@ -57,63 +42,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="All what you can imagine in one unique shopping experience!"
|
||||
description="Browse through Hayat Mall's website to know more about more than 450 brands and various fun experiences."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/discussing-start-up-ideas_1098-16869.jpg",
|
||||
alt: "Mall Interior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/time-see-second-floor_329181-8020.jpg",
|
||||
alt: "Family Shopping",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5777.jpg",
|
||||
alt: "Fashion Store",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-baby-carousel_23-2150888161.jpg",
|
||||
alt: "Kids Play Area",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-face-mask-disinfecting-hands_23-2148665435.jpg",
|
||||
alt: "Dining Experience",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Stores",
|
||||
href: "#features",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/discussing-start-up-ideas_1098-16869.jpg", alt: "Mall Interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/time-see-second-floor_329181-8020.jpg", alt: "Family Shopping" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5777.jpg", alt: "Fashion Store" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-baby-carousel_23-2150888161.jpg", alt: "Kids Play Area" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-face-mask-disinfecting-hands_23-2148665435.jpg", alt: "Dining Experience" },
|
||||
]}
|
||||
buttons={[{ text: "Explore Stores", href: "#features" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "450+ Premium Stores",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Friendly",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Dining",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Amusement Park",
|
||||
icon: Trophy,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Prime Location",
|
||||
icon: MapPin,
|
||||
},
|
||||
{ type: "text", text: "450+ Premium Stores" },
|
||||
{ type: "text-icon", text: "Family Friendly", icon: Users },
|
||||
{ type: "text-icon", text: "Luxury Dining", icon: Utensils },
|
||||
{ type: "text-icon", text: "Amusement Park", icon: Trophy },
|
||||
{ type: "text-icon", text: "Prime Location", icon: MapPin },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,39 +82,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fashion and Style",
|
||||
author: "Retail Department",
|
||||
description: "Browse our expansive collection of international and local fashion brands.",
|
||||
tags: [
|
||||
"Fashion",
|
||||
"Retail",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5777.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Family Fun",
|
||||
author: "Amusement Area",
|
||||
description: "Spacious amusement area for kids ensuring entertainment for the whole family.",
|
||||
tags: [
|
||||
"Kids",
|
||||
"Fun",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-baby-carousel_23-2150888161.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Dining & Cafes",
|
||||
author: "Food Court",
|
||||
description: "Diverse culinary options ranging from quick snacks to fine dining experiences.",
|
||||
tags: [
|
||||
"Dining",
|
||||
"Cafe",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-face-mask-disinfecting-hands_23-2148665435.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Fashion and Style", author: "Retail Department", description: "Browse our expansive collection of international and local fashion brands.", tags: ["Fashion", "Retail"], imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5777.jpg" },
|
||||
{ id: "f2", title: "Family Fun", author: "Amusement Area", description: "Spacious amusement area for kids ensuring entertainment for the whole family.", tags: ["Kids", "Fun"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-baby-carousel_23-2150888161.jpg" },
|
||||
{ id: "f3", title: "Dining & Cafes", author: "Food Court", description: "Diverse culinary options ranging from quick snacks to fine dining experiences.", tags: ["Dining", "Cafe"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-face-mask-disinfecting-hands_23-2148665435.jpg" },
|
||||
]}
|
||||
title="A World of Possibilities"
|
||||
description="Explore our categories designed for every lifestyle."
|
||||
@@ -184,36 +99,9 @@ export default function LandingPage() {
|
||||
title="Events and Exhibitions"
|
||||
description="Stay updated with the latest happenings at Hayat Mall."
|
||||
blogs={[
|
||||
{
|
||||
id: "e1",
|
||||
category: "Events",
|
||||
title: "Summer Festival",
|
||||
excerpt: "Join us for a month of fun and entertainment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-walking-together-full-shot_23-2149241533.jpg",
|
||||
authorName: "Mall Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/people-walking-together-full-shot_23-2149241533.jpg",
|
||||
date: "2024-07-01",
|
||||
},
|
||||
{
|
||||
id: "e2",
|
||||
category: "Exhibitions",
|
||||
title: "Art Showcase",
|
||||
excerpt: "Discover beautiful works from local artists.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg",
|
||||
authorName: "Mall Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg",
|
||||
date: "2024-08-15",
|
||||
},
|
||||
{
|
||||
id: "e3",
|
||||
category: "Offers",
|
||||
title: "Back to School Sale",
|
||||
excerpt: "Unbeatable offers on all your favorites.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-bokeh-defocused-shopping-mall-interior-department-store_1203-9475.jpg",
|
||||
authorName: "Mall Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/abstract-blur-bokeh-defocused-shopping-mall-interior-department-store_1203-9475.jpg",
|
||||
date: "2024-09-01",
|
||||
},
|
||||
{ id: "e1", category: "Events", title: "Summer Festival", excerpt: "Join us for a month of fun and entertainment.", imageSrc: "http://img.b2bpic.net/free-photo/people-walking-together-full-shot_23-2149241533.jpg", authorName: "Mall Admin", authorAvatar: "http://img.b2bpic.net/free-photo/people-walking-together-full-shot_23-2149241533.jpg", date: "2024-07-01" },
|
||||
{ id: "e2", category: "Exhibitions", title: "Art Showcase", excerpt: "Discover beautiful works from local artists.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg", authorName: "Mall Admin", authorAvatar: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7929.jpg", date: "2024-08-15" },
|
||||
{ id: "e3", category: "Offers", title: "Back to School Sale", excerpt: "Unbeatable offers on all your favorites.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-bokeh-defocused-shopping-mall-interior-department-store_1203-9475.jpg", authorName: "Mall Admin", authorAvatar: "http://img.b2bpic.net/free-photo/abstract-blur-bokeh-defocused-shopping-mall-interior-department-store_1203-9475.jpg", date: "2024-09-01" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -221,30 +109,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Visit us at King Abdulaziz Rd, King Fahd, Riyadh. Open until midnight."
|
||||
buttons={[
|
||||
{
|
||||
text: "+966 800 111 1771",
|
||||
href: "tel:+9668001111771",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Visit us at King Abdulaziz Road, Riyadh. Operating Hours: Sat-Thu 10AM-12AM, Fri 2PM-12AM. Phone: +966 800 111 1771"
|
||||
buttons={[{ text: "Call Us", href: "tel:+9668001111771" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterBaseReveal
|
||||
logoText="Hayat Mall"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Hayat Mall",
|
||||
href: "/",
|
||||
}}
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Stores", href: "#features" }, { label: "Events", href: "#events" }] },
|
||||
{ title: "Contact", items: [{ label: "Support", href: "#contact" }, { label: "Info", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Hayat Mall. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user