Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 248db896e9 | |||
| c33d476e51 |
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 BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
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 HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Stores", id: "features" },
|
||||||
},
|
{ name: "Events", id: "events" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Stores",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Events",
|
|
||||||
id: "events",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Hayat Mall"
|
brandName="Hayat Mall"
|
||||||
/>
|
/>
|
||||||
@@ -57,63 +42,23 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="All what you can imagine in one unique shopping experience!"
|
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."
|
description="Browse through Hayat Mall's website to know more about more than 450 brands and various fun experiences."
|
||||||
avatars={[
|
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/discussing-start-up-ideas_1098-16869.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/time-see-second-floor_329181-8020.jpg", alt: "Family Shopping" },
|
||||||
alt: "Mall Interior",
|
{ 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" },
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
buttons={[{ text: "Explore Stores", href: "#features" }]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "450+ Premium Stores" },
|
||||||
type: "text",
|
{ type: "text-icon", text: "Family Friendly", icon: Users },
|
||||||
text: "450+ Premium Stores",
|
{ 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-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>
|
</div>
|
||||||
@@ -137,39 +82,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
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: "f1",
|
{ 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" },
|
||||||
title: "Fashion and Style",
|
{ 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" },
|
||||||
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"
|
title="A World of Possibilities"
|
||||||
description="Explore our categories designed for every lifestyle."
|
description="Explore our categories designed for every lifestyle."
|
||||||
@@ -184,36 +99,9 @@ export default function LandingPage() {
|
|||||||
title="Events and Exhibitions"
|
title="Events and Exhibitions"
|
||||||
description="Stay updated with the latest happenings at Hayat Mall."
|
description="Stay updated with the latest happenings at Hayat Mall."
|
||||||
blogs={[
|
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: "e1",
|
{ 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" },
|
||||||
category: "Events",
|
{ 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" },
|
||||||
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>
|
</div>
|
||||||
@@ -221,30 +109,20 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
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" }]}
|
||||||
text="Visit us at King Abdulaziz Rd, King Fahd, Riyadh. Open until midnight."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "+966 800 111 1771",
|
|
||||||
href: "tel:+9668001111771",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterBaseReveal
|
||||||
logoText="Hayat Mall"
|
logoText="Hayat Mall"
|
||||||
leftLink={{
|
columns={[
|
||||||
text: "Privacy Policy",
|
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Stores", href: "#features" }, { label: "Events", href: "#events" }] },
|
||||||
href: "#",
|
{ title: "Contact", items: [{ label: "Support", href: "#contact" }, { label: "Info", href: "#contact" }] }
|
||||||
}}
|
]}
|
||||||
rightLink={{
|
copyrightText="© 2024 Hayat Mall. All rights reserved."
|
||||||
text: "© 2024 Hayat Mall",
|
|
||||||
href: "/",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user