Merge version_1 into main #2
294
src/app/page.tsx
294
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Ritual",
|
||||
id: "ritual",
|
||||
},
|
||||
name: "Ritual", id: "ritual"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
]}
|
||||
brandName="FARUK"
|
||||
/>
|
||||
@@ -53,118 +45,66 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="The art of natural skin"
|
||||
description="Hand-harvested lavender and rosemary, cold-pressed and suspended in a lightweight botanical serum. Skin that remembers the earth."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292045.jpg?_wi=1",
|
||||
imageAlt: "Botanical serum bottle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292045.jpg", imageAlt: "Botanical serum bottle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg?_wi=1",
|
||||
imageAlt: "Lavender Face Serum",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg", imageAlt: "Lavender Face Serum"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg?_wi=1",
|
||||
imageAlt: "Botanical Face Oil",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg", imageAlt: "Botanical Face Oil"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg?_wi=1",
|
||||
imageAlt: "Gentle Cream Cleanser",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg", imageAlt: "Gentle Cream Cleanser"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg?_wi=1",
|
||||
imageAlt: "Rose Toning Mist",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg", imageAlt: "Rose Toning Mist"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-hand-holding-face-cream-container_23-2148213310.jpg?_wi=1",
|
||||
imageAlt: "Night Recovery Balm",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-hand-holding-face-cream-container_23-2148213310.jpg", imageAlt: "Night Recovery Balm"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292045.jpg?_wi=2",
|
||||
imageAlt: "Botanical serum focus",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292045.jpg", imageAlt: "Botanical serum focus"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vanity-kit-arrangement_23-2149879943.jpg?_wi=1",
|
||||
imageAlt: "Discovery Kit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vanity-kit-arrangement_23-2149879943.jpg", imageAlt: "Discovery Kit"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg?_wi=2",
|
||||
imageAlt: "Serum texture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg", imageAlt: "Serum texture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg?_wi=2",
|
||||
imageAlt: "Oil detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg", imageAlt: "Oil detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg?_wi=2",
|
||||
imageAlt: "Cleanser texture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg", imageAlt: "Cleanser texture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg?_wi=2",
|
||||
imageAlt: "Mist fine spray",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg", imageAlt: "Mist fine spray"},
|
||||
]}
|
||||
tag="Pure Botanical Formula"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-hand-holding-face-cream-container_23-2148213310.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-hand-holding-face-cream-container_23-2148213310.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Loved by 10,000+ ritualists"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg",
|
||||
alt: "Brand 1",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg", alt: "Brand 1"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg",
|
||||
alt: "Brand 2",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg", alt: "Brand 2"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg",
|
||||
alt: "Brand 3",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg", alt: "Brand 3"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg",
|
||||
alt: "Brand 4",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg", alt: "Brand 4"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-hand-holding-face-cream-container_23-2148213310.jpg",
|
||||
alt: "Brand 5",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-man-hand-holding-face-cream-container_23-2148213310.jpg", alt: "Brand 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,59 +117,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "FARUK",
|
||||
name: "Lavender Face Serum",
|
||||
price: "$64",
|
||||
rating: 5,
|
||||
reviewCount: "124",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg?_wi=3",
|
||||
},
|
||||
id: "p1", brand: "FARUK", name: "Lavender Face Serum", price: "$64", rating: 5,
|
||||
reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "FARUK",
|
||||
name: "Botanical Face Oil",
|
||||
price: "$78",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg?_wi=3",
|
||||
},
|
||||
id: "p2", brand: "FARUK", name: "Botanical Face Oil", price: "$78", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "FARUK",
|
||||
name: "Gentle Cream Cleanser",
|
||||
price: "$42",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg?_wi=3",
|
||||
},
|
||||
id: "p3", brand: "FARUK", name: "Gentle Cream Cleanser", price: "$42", rating: 4,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "FARUK",
|
||||
name: "Rose Toning Mist",
|
||||
price: "$38",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg?_wi=3",
|
||||
},
|
||||
id: "p4", brand: "FARUK", name: "Rose Toning Mist", price: "$38", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "FARUK",
|
||||
name: "Night Recovery Balm",
|
||||
price: "$58",
|
||||
rating: 5,
|
||||
reviewCount: "71",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-hand-holding-face-cream-container_23-2148213310.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", brand: "FARUK", name: "Night Recovery Balm", price: "$58", rating: 5,
|
||||
reviewCount: "71", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-hand-holding-face-cream-container_23-2148213310.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "FARUK",
|
||||
name: "Discovery Kit",
|
||||
price: "$168",
|
||||
rating: 5,
|
||||
reviewCount: "205",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vanity-kit-arrangement_23-2149879943.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", brand: "FARUK", name: "Discovery Kit", price: "$168", rating: 5,
|
||||
reviewCount: "205", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vanity-kit-arrangement_23-2149879943.jpg"},
|
||||
]}
|
||||
title="FARUK Essentials"
|
||||
description="Hand-selected botanical skincare crafted with intention for your daily ritual."
|
||||
@@ -238,24 +142,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Deeply Hydrating",
|
||||
description: "Rosemary bioactives penetrate the dermal barrier, restoring moisture balance.",
|
||||
},
|
||||
title: "Deeply Hydrating", description: "Rosemary bioactives penetrate the dermal barrier, restoring moisture balance."},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Calming Botanicals",
|
||||
description: "Pure lavender distillate soothes inflammation and reduces redness.",
|
||||
},
|
||||
title: "Calming Botanicals", description: "Pure lavender distillate soothes inflammation and reduces redness."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Clean Formula",
|
||||
description: "Ethically sourced, cold-processed ingredients free from synthetics.",
|
||||
},
|
||||
title: "Clean Formula", description: "Ethically sourced, cold-processed ingredients free from synthetics."},
|
||||
]}
|
||||
title="The FARUK Philosophy"
|
||||
description="Inspired by the wildflower fields of Provence and coastal rosemary terraces, our formula reconnects skin to its botanical origins."
|
||||
@@ -270,45 +169,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amélie R.",
|
||||
role: "Creative Director",
|
||||
company: "Paris",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg?_wi=4",
|
||||
},
|
||||
id: "t1", name: "Amélie R.", role: "Creative Director", company: "Paris", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-copy-space_23-2148677964.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
role: "Architect",
|
||||
company: "London",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg?_wi=4",
|
||||
},
|
||||
id: "t2", name: "Sarah J.", role: "Architect", company: "London", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David K.",
|
||||
role: "Designer",
|
||||
company: "Tokyo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg?_wi=4",
|
||||
},
|
||||
id: "t3", name: "David K.", role: "Designer", company: "Tokyo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-skincare-products-with-copy-space_23-2148317672.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily R.",
|
||||
role: "Writer",
|
||||
company: "Rome",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg?_wi=4",
|
||||
},
|
||||
id: "t4", name: "Emily R.", role: "Writer", company: "Rome", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-petals-with-paper-clean-palette_23-2148143527.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus B.",
|
||||
role: "Chef",
|
||||
company: "Provence",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-hand-holding-face-cream-container_23-2148213310.jpg?_wi=3",
|
||||
},
|
||||
id: "t5", name: "Marcus B.", role: "Chef", company: "Provence", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-hand-holding-face-cream-container_23-2148213310.jpg"},
|
||||
]}
|
||||
title="Loved by Nature"
|
||||
description="Join our community of botanical skincare enthusiasts."
|
||||
@@ -319,8 +193,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Informed"
|
||||
title="Join our ritual"
|
||||
description="Sign up for occasional insights on botanical beauty and seasonal collections."
|
||||
@@ -333,66 +206,39 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Face Serums",
|
||||
href: "#",
|
||||
},
|
||||
label: "Face Serums", href: "#"},
|
||||
{
|
||||
label: "Moisturizers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Moisturizers", href: "#"},
|
||||
{
|
||||
label: "Cleansers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cleansers", href: "#"},
|
||||
{
|
||||
label: "Body Oils",
|
||||
href: "#",
|
||||
},
|
||||
label: "Body Oils", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Ingredients",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ingredients", href: "#"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user