Merge version_1 into main #2
118
src/app/page.tsx
118
src/app/page.tsx
@@ -9,6 +9,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Leaf, Microscope } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,37 +30,27 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="Lumina Skincare"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
}}
|
||||
text: "Shop Now"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Radiance, Naturally Defined."
|
||||
description="Experience pure, plant-based skin care formulated to nourish your skin's inner glow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-creamy-milk-shake-with-mint-leaves-grey-background_114579-59285.jpg"
|
||||
/>
|
||||
@@ -70,14 +61,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Pure Philosophy",
|
||||
},
|
||||
type: "text", content: "Our Pure Philosophy"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/serum-bottle-butterfly-pea-flower-oil-put-wooden-tray_1150-28105.jpg",
|
||||
alt: "Botanical ingredients",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/serum-bottle-butterfly-pea-flower-oil-put-wooden-tray_1150-28105.jpg", alt: "Botanical ingredients"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,23 +76,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hydration Serum",
|
||||
price: "$48",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-banner-beauty-products_23-2149446551.jpg",
|
||||
},
|
||||
id: "p1", name: "Hydration Serum", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-banner-beauty-products_23-2149446551.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gentle Cleanser",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-recycled-plastic-bottle-with-plant_23-2149449786.jpg",
|
||||
},
|
||||
id: "p2", name: "Gentle Cleanser", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-recycled-plastic-bottle-with-plant_23-2149449786.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Night Balm",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-cbd-oil-dropper-assortment_23-2149013567.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Night Balm", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/natural-cbd-oil-dropper-assortment_23-2149013567.jpg"},
|
||||
]}
|
||||
title="Our Essentials"
|
||||
description="Daily rituals for timeless, radiant skin."
|
||||
@@ -115,44 +89,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elise R.",
|
||||
handle: "@elisereads",
|
||||
testimonial: "My skin has never felt this hydrated. The night balm is a miracle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beauty-portrait-topless-woman-with-perfect-skin-natural-makeup_343596-8088.jpg",
|
||||
},
|
||||
id: "1", name: "Elise R.", handle: "@elisereads", testimonial: "My skin has never felt this hydrated. The night balm is a miracle.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beauty-portrait-topless-woman-with-perfect-skin-natural-makeup_343596-8088.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark K.",
|
||||
handle: "@markskincare",
|
||||
testimonial: "Simple, clean, and highly effective. Highly recommend Lumina.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-posing-with-lily-flower_651396-1317.jpg",
|
||||
},
|
||||
id: "2", name: "Mark K.", handle: "@markskincare", testimonial: "Simple, clean, and highly effective. Highly recommend Lumina.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-posing-with-lily-flower_651396-1317.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah M.",
|
||||
handle: "@sarahglows",
|
||||
testimonial: "Finally found products that don't irritate my sensitive skin. Pure magic!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah M.", handle: "@sarahglows", testimonial: "Finally found products that don't irritate my sensitive skin. Pure magic!", imageSrc: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe T.",
|
||||
handle: "@chloetbeauty",
|
||||
testimonial: "The serum changed my morning routine completely. Truly radiant!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-girl-trendy-summer-light-pink-dress-sexy-carefree-woman-posing-positive-model-having-fun_158538-5134.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Chloe T.", handle: "@chloetbeauty", testimonial: "The serum changed my morning routine completely. Truly radiant!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-girl-trendy-summer-light-pink-dress-sexy-carefree-woman-posing-positive-model-having-fun_158538-5134.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James L.",
|
||||
handle: "@jamesglows",
|
||||
testimonial: "An incredible difference in texture. My morning glow is back!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-girl-trendy-summer-light-pink-dress-sexy-carefree-woman-posing-positive-model-having-fun_158538-5134.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "James L.", handle: "@jamesglows", testimonial: "An incredible difference in texture. My morning glow is back!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-girl-trendy-summer-light-pink-dress-sexy-carefree-woman-posing-positive-model-having-fun_158538-5134.jpg"},
|
||||
]}
|
||||
title="Loved By Your Skin"
|
||||
description="Discover what our community is saying about Lumina."
|
||||
@@ -167,16 +117,10 @@ export default function LandingPage() {
|
||||
description="Experience the intersection of science and nature."
|
||||
features={[
|
||||
{
|
||||
title: "Organic Ingredients",
|
||||
description: "Sourced from sustainable farms to ensure maximum purity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-butterfly-pea-flower-oil-put-wooden-tray_1150-28105.jpg",
|
||||
buttonIcon: "Leaf",
|
||||
title: "Organic Ingredients", description: "Sourced from sustainable farms to ensure maximum purity.", imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-butterfly-pea-flower-oil-put-wooden-tray_1150-28105.jpg", buttonIcon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Clinical Efficacy",
|
||||
description: "Backed by dermatological research for visible results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-cbd-oil-dropper-assortment_23-2149013567.jpg?_wi=2",
|
||||
buttonIcon: "Microscope",
|
||||
title: "Clinical Efficacy", description: "Backed by dermatological research for visible results.", imageSrc: "http://img.b2bpic.net/free-photo/natural-cbd-oil-dropper-assortment_23-2149013567.jpg", buttonIcon: Microscope,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -186,29 +130,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
title: "Brand", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Philosophy", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user