Merge version_1 into main #2
160
src/app/page.tsx
160
src/app/page.tsx
@@ -16,27 +16,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop All",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop All", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Lunna"
|
||||
/>
|
||||
@@ -44,50 +43,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Experience Unmatched Comfort"
|
||||
description="Lunna provides versatile, superior comfortable clothing designed with you in mind. Feel the softness of fabrics chosen to help you relax and thrive."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarah_l",
|
||||
testimonial: "The best loungewear I have ever owned. It feels like a hug.",
|
||||
rating: 5,
|
||||
name: "Sarah L.", handle: "@sarah_l", testimonial: "The best loungewear I have ever owned. It feels like a hug.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Maya K.",
|
||||
handle: "@maya_k",
|
||||
testimonial: "So soft and versatile for every day.",
|
||||
rating: 5,
|
||||
name: "Maya K.", handle: "@maya_k", testimonial: "So soft and versatile for every day.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Chloe B.",
|
||||
handle: "@chloe_b",
|
||||
testimonial: "The fabric quality is absolutely premium.",
|
||||
rating: 5,
|
||||
name: "Chloe B.", handle: "@chloe_b", testimonial: "The fabric quality is absolutely premium.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Monica T.",
|
||||
handle: "@monica_t",
|
||||
testimonial: "Finally found comfortable intimates that look great.",
|
||||
rating: 5,
|
||||
name: "Monica T.", handle: "@monica_t", testimonial: "Finally found comfortable intimates that look great.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emily_r",
|
||||
testimonial: "Simply the best lounge set for working from home.",
|
||||
rating: 5,
|
||||
name: "Emily R.", handle: "@emily_r", testimonial: "Simply the best lounge set for working from home.", rating: 5,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283441.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283441.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283441.jpg?_wi=2"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283441.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -99,23 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cloud Lounge Set",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-placing-round-cushion-bed_53876-132377.jpg",
|
||||
},
|
||||
id: "1", name: "Cloud Lounge Set", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-placing-round-cushion-bed_53876-132377.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Waffle Texture Robe",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-monochromatic-textiles_23-2148770331.jpg",
|
||||
},
|
||||
id: "2", name: "Waffle Texture Robe", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-monochromatic-textiles_23-2148770331.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Essential Silk Camisole",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283445.jpg",
|
||||
},
|
||||
id: "3", name: "Essential Silk Camisole", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283445.jpg"},
|
||||
]}
|
||||
title="Shop New Arrivals"
|
||||
description="Discover our latest collection of intimate wear and essentials."
|
||||
@@ -127,9 +97,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Lunna Mindset"
|
||||
description={[
|
||||
"Lunna was created to provide versatile, and superior comfortable clothing.",
|
||||
"Designed with YOU in mind, we prioritize quality, softness, and feminine confidence.",
|
||||
]}
|
||||
"Lunna was created to provide versatile, and superior comfortable clothing.", "Designed with YOU in mind, we prioritize quality, softness, and feminine confidence."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,40 +108,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
testimonial: "Unreal softness and perfect fit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-young-beautiful-woman-blue-pajamas-sitting-bed-with-cup-coffee-happy-positive-smiling-cheerfully-bedroom-interior-light-background_141793-46002.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Designer", testimonial: "Unreal softness and perfect fit.", imageSrc: "http://img.b2bpic.net/free-photo/funny-young-beautiful-woman-blue-pajamas-sitting-bed-with-cup-coffee-happy-positive-smiling-cheerfully-bedroom-interior-light-background_141793-46002.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Emily R.",
|
||||
role: "Student",
|
||||
testimonial: "Finally found comfortable intimates that look great.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-blond-teenager-model-with-no-makeup-summer-hipster-white-dress-clothes-sitting-street-background_158538-12726.jpg",
|
||||
},
|
||||
id: "2", name: "Emily R.", role: "Student", testimonial: "Finally found comfortable intimates that look great.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-blond-teenager-model-with-no-makeup-summer-hipster-white-dress-clothes-sitting-street-background_158538-12726.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Monica T.",
|
||||
role: "Manager",
|
||||
testimonial: "The fabric quality is absolutely premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
},
|
||||
id: "3", name: "Monica T.", role: "Manager", testimonial: "The fabric quality is absolutely premium.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe B.",
|
||||
role: "Artist",
|
||||
testimonial: "Simply the best lounge set for working from home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-good-looking-young-european-woman-wears-fashionable-blue-costume-uses-mobile-phone-chatting-online_273609-55524.jpg",
|
||||
},
|
||||
id: "4", name: "Chloe B.", role: "Artist", testimonial: "Simply the best lounge set for working from home.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-good-looking-young-european-woman-wears-fashionable-blue-costume-uses-mobile-phone-chatting-online_273609-55524.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
role: "Photographer",
|
||||
testimonial: "I wear these every single day. Absolute game changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-young-beautiful-woman-blue-pajamas-sitting-bed-with-cup-coffee-happy-positive-smiling-cheerfully-bedroom-interior-light-background_141793-46002.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Jessica M.", role: "Photographer", testimonial: "I wear these every single day. Absolute game changer.", imageSrc: "http://img.b2bpic.net/free-photo/funny-young-beautiful-woman-blue-pajamas-sitting-bed-with-cup-coffee-happy-positive-smiling-cheerfully-bedroom-interior-light-background_141793-46002.jpg"},
|
||||
]}
|
||||
title="Loved by You"
|
||||
description="What our customers are saying about Lunna."
|
||||
@@ -186,20 +129,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I care for my garments?",
|
||||
content: "Gentle machine wash with like colors.",
|
||||
},
|
||||
id: "1", title: "How do I care for my garments?", content: "Gentle machine wash with like colors."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is the return policy?",
|
||||
content: "You can return items within 30 days.",
|
||||
},
|
||||
id: "2", title: "What is the return policy?", content: "You can return items within 30 days."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "We currently ship to US and Canada.",
|
||||
},
|
||||
id: "3", title: "Do you ship worldwide?", content: "We currently ship to US and Canada."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our products and policies."
|
||||
@@ -211,37 +145,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Lunna",
|
||||
items: [
|
||||
title: "Lunna", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Track Order",
|
||||
href: "#",
|
||||
},
|
||||
label: "Track Order", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user