Merge version_2 into main #2
269
src/app/page.tsx
269
src/app/page.tsx
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -32,27 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Our Heritage",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Heritage", id: "about"},
|
||||
{
|
||||
name: "Ingredients",
|
||||
id: "features",
|
||||
},
|
||||
name: "Ingredients", id: "features"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="Lamassu"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,103 +50,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Radiant Skin Starts With Honest Beauty"
|
||||
description="Lamassu combines ancient beauty wisdom with modern science. Discover cosmetics crafted from premium, ethically sourced ingredients designed for every skin type."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena.skincare",
|
||||
testimonial: "Finally, a brand that prioritizes both efficacy and ethics. My skin has never felt healthier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cucumber-cleansing-disks-table_23-2148574935.jpg?_wi=1",
|
||||
imageAlt: "natural cosmetics flat lay",
|
||||
},
|
||||
name: "Elena R.", handle: "@elena.skincare", testimonial: "Finally, a brand that prioritizes both efficacy and ethics. My skin has never felt healthier.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cucumber-cleansing-disks-table_23-2148574935.jpg?_wi=1", imageAlt: "natural cosmetics flat lay"},
|
||||
{
|
||||
name: "Marcus T.",
|
||||
handle: "@m.beauty",
|
||||
testimonial: "The ingredient transparency is what hooked me. You can actually trust what's on the label.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/radiant-woman-with-glossy-skin-soft-features-posing-studio-advertising-natural-beauty_482257-134478.jpg?_wi=1",
|
||||
imageAlt: "natural cosmetics flat lay",
|
||||
},
|
||||
name: "Marcus T.", handle: "@m.beauty", testimonial: "The ingredient transparency is what hooked me. You can actually trust what's on the label.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/radiant-woman-with-glossy-skin-soft-features-posing-studio-advertising-natural-beauty_482257-134478.jpg?_wi=1", imageAlt: "natural cosmetics flat lay"},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarah.glow",
|
||||
testimonial: "Ancient wisdom meets modern science—I see the results in my daily routine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-oils-with-pipette_23-2148317664.jpg?_wi=1",
|
||||
imageAlt: "natural cosmetics flat lay",
|
||||
},
|
||||
name: "Sarah L.", handle: "@sarah.glow", testimonial: "Ancient wisdom meets modern science—I see the results in my daily routine.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-oils-with-pipette_23-2148317664.jpg?_wi=1", imageAlt: "natural cosmetics flat lay"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@dw.reviews",
|
||||
testimonial: "The most gentle moisturizer I've ever used. Perfectly suited for my sensitive skin.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919845.jpg?_wi=1",
|
||||
imageAlt: "natural cosmetics flat lay",
|
||||
},
|
||||
name: "David W.", handle: "@dw.reviews", testimonial: "The most gentle moisturizer I've ever used. Perfectly suited for my sensitive skin.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919845.jpg?_wi=1", imageAlt: "natural cosmetics flat lay"},
|
||||
{
|
||||
name: "Julia P.",
|
||||
handle: "@julia.radiant",
|
||||
testimonial: "Absolutely love the botanical extracts. My skin glows more every day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-aloe-vera-beauty-concept_23-2148740238.jpg?_wi=1",
|
||||
imageAlt: "natural cosmetics flat lay",
|
||||
},
|
||||
name: "Julia P.", handle: "@julia.radiant", testimonial: "Absolutely love the botanical extracts. My skin glows more every day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-aloe-vera-beauty-concept_23-2148740238.jpg?_wi=1", imageAlt: "natural cosmetics flat lay"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Our Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cucumber-cleansing-disks-table_23-2148574935.jpg?_wi=2"
|
||||
imageAlt="Lamassu natural cosmetics collection"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/copy-space-cosmetic-treatment_23-2148574961.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/copy-space-cosmetic-treatment_23-2148574961.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-natural-cosmetics-desk_23-2148574922.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-natural-cosmetics-desk_23-2148574922.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/natural-cream-oil_23-2148532773.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/natural-cream-oil_23-2148532773.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/natural-cosmetics-frame_23-2148574907.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/natural-cosmetics-frame_23-2148574907.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7545.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7545.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty-Free",
|
||||
},
|
||||
type: "text", text: "Cruelty-Free"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Packaging",
|
||||
},
|
||||
type: "text", text: "Sustainable Packaging"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
type: "text", text: "Ethically Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Formulas",
|
||||
},
|
||||
type: "text", text: "Transparent Formulas"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pure Botanicals",
|
||||
},
|
||||
type: "text", text: "Pure Botanicals"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,26 +119,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Potent Botanicals",
|
||||
description: "Sourced from ancient landscapes, our actives are pure and powerful.",
|
||||
tag: "Ethics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-oils-with-pipette_23-2148317664.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Potent Botanicals", description: "Sourced from ancient landscapes, our actives are pure and powerful.", tag: "Ethics", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-oils-with-pipette_23-2148317664.jpg?_wi=2"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Eco-Conscious",
|
||||
description: "Zero-waste goals and sustainable packaging across our entire catalog.",
|
||||
tag: "Planet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919845.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Eco-Conscious", description: "Zero-waste goals and sustainable packaging across our entire catalog.", tag: "Planet", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919845.jpg?_wi=2"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fully Transparent",
|
||||
description: "Every ingredient is fully traceable. No secrets, just results.",
|
||||
tag: "Clarity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-aloe-vera-beauty-concept_23-2148740238.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Fully Transparent", description: "Every ingredient is fully traceable. No secrets, just results.", tag: "Clarity", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-aloe-vera-beauty-concept_23-2148740238.jpg?_wi=2"},
|
||||
]}
|
||||
title="The Lamassu Promise"
|
||||
description="Beauty redefined through rigorous standards and thoughtful innovation."
|
||||
@@ -211,47 +138,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Botanical Face Cream",
|
||||
price: "$64",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cream-jar_187299-47497.jpg",
|
||||
},
|
||||
id: "p1", name: "Botanical Face Cream", price: "$64", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/cream-jar_187299-47497.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Organic Glow Serum",
|
||||
price: "$88",
|
||||
variant: "30ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-jojoba-oil-dropper_23-2149022364.jpg",
|
||||
},
|
||||
id: "p2", name: "Organic Glow Serum", price: "$88", variant: "30ml", imageSrc: "http://img.b2bpic.net/free-photo/composition-jojoba-oil-dropper_23-2149022364.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Deep Cleansing Balm",
|
||||
price: "$42",
|
||||
variant: "100ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721471.jpg",
|
||||
},
|
||||
id: "p3", name: "Deep Cleansing Balm", price: "$42", variant: "100ml", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721471.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Balancing Rose Toner",
|
||||
price: "$38",
|
||||
variant: "150ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-silver-bottle-isolated-white-wall_140725-11681.jpg",
|
||||
},
|
||||
id: "p4", name: "Balancing Rose Toner", price: "$38", variant: "150ml", imageSrc: "http://img.b2bpic.net/free-photo/front-view-silver-bottle-isolated-white-wall_140725-11681.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Revitalizing Eye Care",
|
||||
price: "$52",
|
||||
variant: "15ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-eye-product_23-2149627003.jpg",
|
||||
},
|
||||
id: "p5", name: "Revitalizing Eye Care", price: "$52", variant: "15ml", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-eye-product_23-2149627003.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Heritage Facial Oil",
|
||||
price: "$75",
|
||||
variant: "30ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-body-care-concept-almonds-almond-oil_185193-164073.jpg",
|
||||
},
|
||||
id: "p6", name: "Heritage Facial Oil", price: "$75", variant: "30ml", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-body-care-concept-almonds-almond-oil_185193-164073.jpg"},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Expertly crafted cosmetics for a radiant, healthy complexion."
|
||||
@@ -265,20 +162,11 @@ export default function LandingPage() {
|
||||
tag="Our Growth"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Ethically Sourced Ingredients",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Ethically Sourced Ingredients"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k+",
|
||||
description: "Happy Skin Journeys",
|
||||
},
|
||||
id: "m2", value: "50k+", description: "Happy Skin Journeys"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24",
|
||||
description: "Botanical Heritage Extracts",
|
||||
},
|
||||
id: "m3", value: "24", description: "Botanical Heritage Extracts"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -292,25 +180,15 @@ export default function LandingPage() {
|
||||
author="Isabella H."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7545.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7545.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-touching-face-mother_23-2147784513.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-touching-face-mother_23-2147784513.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-women-using-make-up-brush-home_23-2148817244.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-women-using-make-up-brush-home_23-2148817244.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-sport-health-concept-portrait-happy-beautiful-woman-holding-water-bottle_1258-184104.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-sport-health-concept-portrait-happy-beautiful-woman-holding-water-bottle_1258-184104.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-blue-eyed-girl-with-bun-woman-with-red-lipstick-pink-blouse-headband-posing-isolated-space_197531-15275.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-blue-eyed-girl-with-bun-woman-with-red-lipstick-pink-blouse-headband-posing-isolated-space_197531-15275.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -323,20 +201,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are all products vegan?",
|
||||
content: "Yes, our entire line is 100% vegan and cruelty-free.",
|
||||
},
|
||||
id: "q1", title: "Are all products vegan?", content: "Yes, our entire line is 100% vegan and cruelty-free."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I choose the right product?",
|
||||
content: "Our skin-type quiz is a great starting point for personalized recommendations.",
|
||||
},
|
||||
id: "q2", title: "How do I choose the right product?", content: "Our skin-type quiz is a great starting point for personalized recommendations."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where is Lamassu sourced?",
|
||||
content: "We work with small-batch botanical farms globally, focusing on traditional, regenerative practices.",
|
||||
},
|
||||
id: "q3", title: "Where is Lamassu sourced?", content: "We work with small-batch botanical farms globally, focusing on traditional, regenerative practices."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find everything you need to know about our products and ingredients."
|
||||
@@ -348,14 +217,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to embrace your natural radiance? Connect with our experts today for personalized beauty advice."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -364,42 +230,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "Skincare",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Skincare", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Heritage",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Heritage", href: "#about"},
|
||||
{
|
||||
label: "Mission",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mission", 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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -409,4 +260,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user