Merge version_1 into main #2
166
src/app/page.tsx
166
src/app/page.tsx
@@ -27,18 +27,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
]}
|
||||
brandName="Mohan"
|
||||
/>
|
||||
@@ -46,39 +37,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Mohan's World"
|
||||
description="Just me, hanging out, living my best life. Explore the funny side of everything."
|
||||
tag="Stay Cool"
|
||||
buttons={[
|
||||
{
|
||||
text: "See More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "See More", href: "#about" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg?_wi=1",
|
||||
imageAlt: "Mohan chillin",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg?_wi=2",
|
||||
imageAlt: "Mohan style 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg?_wi=3",
|
||||
imageAlt: "Mohan style 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg?_wi=4",
|
||||
imageAlt: "Mohan style 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg?_wi=5",
|
||||
imageAlt: "Mohan style 4",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg", imageAlt: "Mohan chillin" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg", imageAlt: "Mohan style 1" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -88,33 +54,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Gallery of Fun"
|
||||
description="Look at these different styles and outfits. Life is too short to be serious."
|
||||
tag="Collection"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg?_wi=6",
|
||||
imageAlt: "Outfit 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg?_wi=7",
|
||||
imageAlt: "Outfit 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg?_wi=8",
|
||||
imageAlt: "Outfit 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg?_wi=9",
|
||||
imageAlt: "Outfit 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg?_wi=10",
|
||||
imageAlt: "Outfit 5",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg", imageAlt: "Outfit 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg", imageAlt: "Outfit 2" }
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
@@ -128,20 +74,11 @@ export default function LandingPage() {
|
||||
title="About Mohan"
|
||||
description="I'm a simple soul who enjoys the finer things, like mud baths and looking fabulous. Website name: www.mohan.com."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Chill",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Cool",
|
||||
},
|
||||
{
|
||||
value: "Infinity",
|
||||
title: "Style",
|
||||
},
|
||||
{ value: "100%", title: "Chill" },
|
||||
{ value: "24/7", title: "Cool" },
|
||||
{ value: "Infinity", title: "Style" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg?_wi=11"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1s9nxyFMn4ncgKB7CBt4ROpmc/uploaded-1775564449956-h1db6jlj.jpg"
|
||||
imageAlt="Mohan profile"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -155,26 +92,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Mohan Fan"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman_1098-14872.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-mature-man-smiling_23-2148465234.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/magnificent-long-haired-girl-with-inspired-smile-looking-away_197531-7622.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businesswoman_1098-14872.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-mature-man-smiling_23-2148465234.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/magnificent-long-haired-girl-with-inspired-smile-looking-away_197531-7622.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "User 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -190,27 +112,9 @@ export default function LandingPage() {
|
||||
description="Life as Mohan is a constant adventure in fun and relaxation."
|
||||
tag="Highlights"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Mud Baths",
|
||||
subtitle: "Organic skincare",
|
||||
category: "Wellness",
|
||||
value: "Daily",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Nap Time",
|
||||
subtitle: "Peak performance",
|
||||
category: "Lifestyle",
|
||||
value: "12h+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Style Icon",
|
||||
subtitle: "Always ready",
|
||||
category: "Fashion",
|
||||
value: "100%",
|
||||
},
|
||||
{ id: "1", title: "Mud Baths", subtitle: "Organic skincare", category: "Wellness", value: "Daily" },
|
||||
{ id: "2", title: "Nap Time", subtitle: "Peak performance", category: "Lifestyle", value: "12h+" },
|
||||
{ id: "3", title: "Style Icon", subtitle: "Always ready", category: "Fashion", value: "100%" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -220,29 +124,15 @@ export default function LandingPage() {
|
||||
logoText="www.mohan.com"
|
||||
columns={[
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Terms", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user