Merge version_1 into main #3
189
src/app/page.tsx
189
src/app/page.tsx
@@ -25,108 +25,105 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Booking", id: "/booking" }
|
||||
]}
|
||||
brandName="THE PRISM"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
]}
|
||||
brandName="THE PRISM"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
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"
|
||||
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" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "PRECISION" },
|
||||
{ type: "text", text: "MINIMALISM" },
|
||||
{ type: "text", text: "SURGICAL" },
|
||||
{ type: "text", text: "EDITORIAL" },
|
||||
{ type: "text", text: "MODERN" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
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"
|
||||
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" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "PRECISION" },
|
||||
{ type: "text", text: "MINIMALISM" },
|
||||
{ type: "text", text: "SURGICAL" },
|
||||
{ type: "text", text: "EDITORIAL" },
|
||||
{ type: "text", text: "MODERN" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
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" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/geometric-shape-background-white-grey-studio-room-minimalist-mockup-podium-display_1258-110220.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
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" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/geometric-shape-background-white-grey-studio-room-minimalist-mockup-podium-display_1258-110220.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="As Seen In"
|
||||
description="Curated features from industry leaders."
|
||||
names={["VOGUE", "GQ", "MONOCLE", "ARCHITECTURAL DIGEST", "THE CUT"]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="As Seen In"
|
||||
description="Curated features from industry leaders."
|
||||
names={["VOGUE", "GQ", "MONOCLE", "ARCHITECTURAL DIGEST", "THE CUT"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Architects"
|
||||
description="The visionaries behind your transformation."
|
||||
groups={[
|
||||
{
|
||||
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", imageAlt: "Close up on man selfcare products"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Architects"
|
||||
description="The visionaries behind your transformation."
|
||||
groups={[
|
||||
{
|
||||
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." }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms of Service"
|
||||
sections={[
|
||||
{
|
||||
heading: "Client Agreement", content: "By booking an appointment, you accept our standards of practice."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms of Service"
|
||||
sections={[
|
||||
{
|
||||
heading: "Client Agreement", content: "By booking an appointment, you accept our standards of practice."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="THE PRISM"
|
||||
columns={[
|
||||
{ title: "Hut", items: [{ label: "About", href: "/" }, { label: "Book", href: "/booking" }] },
|
||||
{ title: "Product", items: [{ label: "Shop", href: "/shop" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="THE PRISM"
|
||||
columns={[
|
||||
{ title: "Hut", items: [{ label: "About", href: "/" }, { label: "Book", href: "/booking" }] },
|
||||
{ title: "Product", items: [{ label: "Shop", href: "/shop" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -23,71 +23,69 @@ export default function ShopPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Booking", id: "/booking" }
|
||||
]}
|
||||
brandName="THE PRISM"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
]}
|
||||
brandName="THE PRISM"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
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" }
|
||||
]}
|
||||
title="The Boutique"
|
||||
description="Curated essentials for the refined."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
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" }
|
||||
]}
|
||||
title="The Boutique"
|
||||
description="Curated essentials for the refined."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Reviews"
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Reviews"
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="THE PRISM"
|
||||
columns={[
|
||||
{ title: "Hut", items: [{ label: "About", id: "/" }, { label: "Book", id: "/booking" }] },
|
||||
{ title: "Product", items: [{ label: "Shop", id: "/shop" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="THE PRISM"
|
||||
columns={[
|
||||
{ title: "Hut", items: [{ label: "About", href: "/" }, { label: "Book", href: "/booking" }] },
|
||||
{ title: "Product", items: [{ label: "Shop", href: "/shop" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user