Merge version_1 into main #2
160
src/app/page.tsx
160
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The Iaocea"
|
||||
/>
|
||||
@@ -53,38 +45,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Beauty that carries meaning."
|
||||
description="Our story started with creating beauty that goes deeper than the surface. Every product is designed with intention — clean and kind on the skin, and the planet."
|
||||
tag="Our Story"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop Now", href: "#shop"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-essential-oil-bottle_23-2148578697.jpg",
|
||||
imageAlt: "Iaocea skincare products",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-essential-oil-bottle_23-2148578697.jpg", imageAlt: "Iaocea skincare products"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vertical-banner-template-wedding-celebration_23-2150504365.jpg?_wi=1",
|
||||
imageAlt: "Purposeful beauty process",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/landscaping-logo-template-design_742173-14940.jpg",
|
||||
imageAlt: "Clean beauty ingredients",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-ecological-badge-collection_23-2149194928.jpg",
|
||||
imageAlt: "Cruelty-free labeling",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-smartphone_23-2149079841.jpg",
|
||||
imageAlt: "Eco-conscious packaging",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vertical-banner-template-wedding-celebration_23-2150504365.jpg", imageAlt: "Purposeful beauty process"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -100,19 +73,13 @@ export default function LandingPage() {
|
||||
description="I created this brand with the belief that beauty should carry meaning. We prioritize clean, intentional formulas that are kind on the skin and the planet."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Intentional Design",
|
||||
description: "Every product is meticulously crafted to serve a purpose.",
|
||||
},
|
||||
title: "Intentional Design", description: "Every product is meticulously crafted to serve a purpose."},
|
||||
{
|
||||
title: "Clean Ingredients",
|
||||
description: "Formulas that are gentle on your skin and the environment.",
|
||||
},
|
||||
title: "Clean Ingredients", description: "Formulas that are gentle on your skin and the environment."},
|
||||
{
|
||||
title: "Sustainable Future",
|
||||
description: "Beauty products that align with our commitment to the planet.",
|
||||
},
|
||||
title: "Sustainable Future", description: "Beauty products that align with our commitment to the planet."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/vertical-banner-template-wedding-celebration_23-2150504365.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/vertical-banner-template-wedding-celebration_23-2150504365.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -125,19 +92,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Cruelty-Free",
|
||||
description: "We never test on animals, always kind.",
|
||||
},
|
||||
title: "Cruelty-Free", description: "We never test on animals, always kind."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Clean Standards",
|
||||
description: "No harmful chemicals, ever.",
|
||||
},
|
||||
title: "Clean Standards", description: "No harmful chemicals, ever."},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Earth Friendly",
|
||||
description: "Sustainable packaging and production methods.",
|
||||
},
|
||||
title: "Earth Friendly", description: "Sustainable packaging and production methods."},
|
||||
]}
|
||||
title="Our Values"
|
||||
description="What defines the Iaocea experience."
|
||||
@@ -150,45 +111,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible results!",
|
||||
quote: "My skin has never looked better since switching to Iaocea.",
|
||||
name: "Sarah J.",
|
||||
role: "Advocate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-brushing-hair-bed_23-2147767638.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Incredible results!", quote: "My skin has never looked better since switching to Iaocea.", name: "Sarah J.", role: "Advocate", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-brushing-hair-bed_23-2147767638.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Pure quality.",
|
||||
quote: "You can truly feel the intention behind every product.",
|
||||
name: "Michael R.",
|
||||
role: "Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-white-short-hair_23-2148262831.jpg",
|
||||
},
|
||||
id: "2", title: "Pure quality.", quote: "You can truly feel the intention behind every product.", name: "Michael R.", role: "Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-white-short-hair_23-2148262831.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sustainable and chic.",
|
||||
quote: "Finally a brand that gets both clean beauty and design.",
|
||||
name: "Emily D.",
|
||||
role: "Influencer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-white-t-shirt_273609-6990.jpg",
|
||||
},
|
||||
id: "3", title: "Sustainable and chic.", quote: "Finally a brand that gets both clean beauty and design.", name: "Emily D.", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-white-t-shirt_273609-6990.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Love the mission.",
|
||||
quote: "Knowing it's kind on the planet makes it better.",
|
||||
name: "David W.",
|
||||
role: "Loyal Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-red-haired-woman-with-tattoo-her-shoulder_273609-127.jpg",
|
||||
},
|
||||
id: "4", title: "Love the mission.", quote: "Knowing it's kind on the planet makes it better.", name: "David W.", role: "Loyal Customer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-red-haired-woman-with-tattoo-her-shoulder_273609-127.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Essential care.",
|
||||
quote: "The most thoughtful products I own, truly worth it.",
|
||||
name: "Jessica L.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-brushing-hair-bed_23-2147767638.jpg?_wi=2",
|
||||
},
|
||||
id: "5", title: "Essential care.", quote: "The most thoughtful products I own, truly worth it.", name: "Jessica L.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-brushing-hair-bed_23-2147767638.jpg"},
|
||||
]}
|
||||
title="What people say"
|
||||
description="Join our community of beauty lovers."
|
||||
@@ -204,15 +135,9 @@ export default function LandingPage() {
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are your products truly natural?",
|
||||
content: "Yes, we use only ethically sourced, plant-based ingredients for all our formulas.",
|
||||
},
|
||||
id: "1", title: "Are your products truly natural?", content: "Yes, we use only ethically sourced, plant-based ingredients for all our formulas."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What makes your packaging sustainable?",
|
||||
content: "We use recycled glass, compostable paper, and soy-based inks to ensure minimal impact.",
|
||||
},
|
||||
id: "2", title: "What makes your packaging sustainable?", content: "We use recycled glass, compostable paper, and soy-based inks to ensure minimal impact."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -221,50 +146,31 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Quick links",
|
||||
items: [
|
||||
title: "Quick links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Shop All", href: "#shop"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user