Merge version_2 into main #7

Merged
bender merged 2 commits from version_2 into main 2026-04-08 16:29:49 +00:00
2 changed files with 88 additions and 0 deletions

View File

@@ -29,6 +29,7 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{ name: "Collection", id: "products" },
{ name: "Treatments", id: "/treatments" },
{ name: "Our Story", id: "about" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },

View File

@@ -0,0 +1,87 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function TreatmentsPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="large"
background="none"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Collection", id: "/#products" },
{ name: "Treatments", id: "/treatments" },
{ name: "Our Story", id: "/#about" },
{ name: "Reviews", id: "/#testimonials" },
{ name: "Contact", id: "/#contact" },
]}
brandName="SOPHIE FOLIES"
button={{ text: "Book Styling", href: "/#contact" }}
/>
</div>
<div id="treatments" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Zen-Luxury Treatments"
description="Discover our signature service pillars, designed to harmonize your style with your inner radiance."
plans={[
{
id: "t1", title: "Color Harmony Analysis", price: "$190", period: "session", features: ["Personal palette selection", "Seasonal color mapping", "Wardrobe audit"],
button: { text: "Book Session" }
},
{
id: "t2", title: "Signature Styling", price: "$250", period: "session", features: ["Full look curation", "Occasion outfit strategy", "Accessory pairing"],
button: { text: "Book Session" }
},
{
id: "t3", title: "The Total Folie", price: "$450", period: "package", features: ["Full color & style audit", "Personalized shopping list", "Closet refresh"],
button: { text: "Book Package" }
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Boutique", items: [
{ label: "Collection", href: "/#products" },
{ label: "About Sophie", href: "/#about" },
{ label: "Treatments", href: "/treatments" }
] },
{ title: "Connect", items: [
{ label: "Book Styling", href: "/#contact" },
{ label: "Instagram", href: "#" },
{ label: "WhatsApp Support", href: "#" }
] },
{ title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
] }
]}
logoText="SOPHIE FOLIES"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}