Merge version_1 into main #2
164
src/app/page.tsx
164
src/app/page.tsx
@@ -28,26 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Huts",
|
||||
id: "/huts",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Journal",
|
||||
id: "/journal",
|
||||
},
|
||||
{
|
||||
name: "BOOK",
|
||||
id: "/booking",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Booking", id: "/booking" }
|
||||
]}
|
||||
brandName="THE PRISM"
|
||||
/>
|
||||
@@ -55,62 +39,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="THE FUTURE OF GROOMING IS CLEAR."
|
||||
description="Experience surgical precision in an environment defined by light and shadow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "/booking",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-groom-dressing-up-wedding-ceremony_53876-46927.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Now", href: "/booking" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-groom-dressing-up-wedding-ceremony_53876-46927.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-painting-brush_23-2149529893.jpg",
|
||||
alt: "Model portrait one",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1859.jpg",
|
||||
alt: "Model portrait two",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg",
|
||||
alt: "Model portrait three",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-sensitive-man-posing-studio_23-2149518243.jpg",
|
||||
alt: "Model portrait four",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435187.jpg",
|
||||
alt: "Model portrait five",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-painting-brush_23-2149529893.jpg", alt: "Model portrait one" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1859.jpg", alt: "Model portrait two" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg", alt: "Model portrait three" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-sensitive-man-posing-studio_23-2149518243.jpg", alt: "Model portrait four" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435187.jpg", alt: "Model portrait five" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PRECISION",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MINIMALISM",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SURGICAL",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "EDITORIAL",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MODERN",
|
||||
},
|
||||
{ type: "text", text: "PRECISION" },
|
||||
{ type: "text", text: "MINIMALISM" },
|
||||
{ type: "text", text: "SURGICAL" },
|
||||
{ type: "text", text: "EDITORIAL" },
|
||||
{ type: "text", text: "MODERN" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,14 +68,8 @@ export default function LandingPage() {
|
||||
title="Architectural Precision"
|
||||
description="We treat every cut as an architectural intervention. Sterile, precise, and entirely focused on the geometry of your style."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Precision",
|
||||
},
|
||||
{
|
||||
value: "0",
|
||||
title: "Chaos",
|
||||
},
|
||||
{ value: "100%", title: "Precision" },
|
||||
{ value: "0", title: "Chaos" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -142,13 +83,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="As Seen In"
|
||||
description="Curated features from industry leaders."
|
||||
names={[
|
||||
"VOGUE",
|
||||
"GQ",
|
||||
"MONOCLE",
|
||||
"ARCHITECTURAL DIGEST",
|
||||
"THE CUT",
|
||||
]}
|
||||
names={["VOGUE", "GQ", "MONOCLE", "ARCHITECTURAL DIGEST", "THE CUT"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -161,27 +96,12 @@ export default function LandingPage() {
|
||||
description="The visionaries behind your transformation."
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Designers",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Alex Reed",
|
||||
subtitle: "Director",
|
||||
detail: "15 years of precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313042.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Sam Li",
|
||||
subtitle: "Specialist",
|
||||
detail: "Expert in geometry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435203.jpg",
|
||||
},
|
||||
id: "g1", groupTitle: "Designers", members: [
|
||||
{ id: "m1", title: "Alex Reed", subtitle: "Director", detail: "15 years of precision." },
|
||||
{ id: "m2", title: "Sam Li", subtitle: "Specialist", detail: "Expert in geometry." }
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-dressing-up-wedding-ceremony_53876-46927.jpg?_wi=2",
|
||||
imageAlt: "Close up on man selfcare products",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-dressing-up-wedding-ceremony_53876-46927.jpg", imageAlt: "Close up on man selfcare products"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -192,12 +112,8 @@ export default function LandingPage() {
|
||||
title="Terms of Service"
|
||||
sections={[
|
||||
{
|
||||
heading: "Client Agreement",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "By booking an appointment, you accept our standards of practice.",
|
||||
},
|
||||
},
|
||||
heading: "Client Agreement", content: "By booking an appointment, you accept our standards of practice."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -206,32 +122,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="THE PRISM"
|
||||
columns={[
|
||||
{
|
||||
title: "Hut",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/huts",
|
||||
},
|
||||
{
|
||||
label: "Book",
|
||||
href: "/booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Hut", items: [{ label: "About", href: "/" }, { label: "Book", href: "/booking" }] },
|
||||
{ title: "Product", items: [{ label: "Shop", href: "/shop" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -8,7 +8,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -26,26 +26,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Huts",
|
||||
id: "/huts",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Journal",
|
||||
id: "/journal",
|
||||
},
|
||||
{
|
||||
name: "BOOK",
|
||||
id: "/booking",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Booking", id: "/booking" }
|
||||
]}
|
||||
brandName="THE PRISM"
|
||||
/>
|
||||
@@ -56,49 +40,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Matte Clay",
|
||||
price: "$35⁰⁰",
|
||||
variant: "Daily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luminous Oil",
|
||||
price: "$45⁰⁰",
|
||||
variant: "Treat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435188.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Steel Razor",
|
||||
price: "$85⁰⁰",
|
||||
variant: "Tool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-potato-chip-cutter-with-salt-black-pepper-seeds-white-surface-with-copy-space_141793-10131.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pure Tonic",
|
||||
price: "$28⁰⁰",
|
||||
variant: "Daily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307290.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Firm Wax",
|
||||
price: "$32⁰⁰",
|
||||
variant: "Hold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-self-care-setting-still-life_23-2150326549.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Silk Balm",
|
||||
price: "$40⁰⁰",
|
||||
variant: "Hold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/d-render-exotic-stone-podium-with-leaf-shade-nude-color-product-display-natural-organic-produ_1258-111028.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Matte Clay", price: "$35⁰⁰", variant: "Daily", imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg" },
|
||||
{ id: "p2", name: "Luminous Oil", price: "$45⁰⁰", variant: "Treat", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435188.jpg" },
|
||||
{ id: "p3", name: "Steel Razor", price: "$85⁰⁰", variant: "Tool", imageSrc: "http://img.b2bpic.net/free-photo/top-view-potato-chip-cutter-with-salt-black-pepper-seeds-white-surface-with-copy-space_141793-10131.jpg" }
|
||||
]}
|
||||
title="The Boutique"
|
||||
description="Curated essentials for the refined."
|
||||
@@ -114,13 +60,7 @@ export default function LandingPage() {
|
||||
title="Shop Essentials"
|
||||
description="Professional gear."
|
||||
features={[
|
||||
{
|
||||
title: "Pure Clay",
|
||||
description: "Matte finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992109.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409686.jpg",
|
||||
buttonText: "Add",
|
||||
},
|
||||
{ title: "Pure Clay", description: "Matte finish.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992109.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409686.jpg", buttonText: "Add" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,15 +74,7 @@ export default function LandingPage() {
|
||||
description="Refined results."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@john",
|
||||
testimonial: "Excellent product.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409566.jpg",
|
||||
imageAlt: "Close up texture of cream",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", handle: "@john", testimonial: "Excellent product.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409566.jpg", imageAlt: "Close up texture of cream" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -151,32 +83,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="THE PRISM"
|
||||
columns={[
|
||||
{
|
||||
title: "Hut",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/huts",
|
||||
},
|
||||
{
|
||||
label: "Book",
|
||||
href: "/booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Hut", items: [{ label: "About", id: "/" }, { label: "Book", id: "/booking" }] },
|
||||
{ title: "Product", items: [{ label: "Shop", id: "/shop" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user