Merge version_1 into main #2
310
src/app/page.tsx
310
src/app/page.tsx
@@ -13,229 +13,109 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="none"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="none"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Kaur Inspire"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Kaur Inspire"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Timeless Elegance."
|
||||
description="Discover Kaur Inspire, where craftsmanship meets modern style. Designed for those who value refined aesthetics."
|
||||
tag="New Collection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32427.jpg?_wi=1"
|
||||
imageAlt="Kaur Inspire fashion hero"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Timeless Elegance."
|
||||
description="Discover Kaur Inspire, where craftsmanship meets modern style. Designed for those who value refined aesthetics."
|
||||
tag="New Collection"
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32427.jpg"
|
||||
imageAlt="Kaur Inspire fashion hero"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Linen Dress",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7076.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Silk Signature Shirt",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2716.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Heritage Wool Coat",
|
||||
price: "$290",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-sexy-businessman-handsome-model-man-casual-cloth-suit-sunglasses-sitting-bench-street_158538-9528.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Explore our latest arrivals, designed for comfort and sophistication."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Linen Dress", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7076.jpg" },
|
||||
{ id: "p2", name: "Silk Signature Shirt", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2716.jpg" },
|
||||
{ id: "p3", name: "Heritage Wool Coat", price: "$290", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-sexy-businessman-handsome-model-man-casual-cloth-suit-sunglasses-sitting-bench-street_158538-9528.jpg" }
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Explore our latest arrivals, designed for comfort and sophistication."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amina R.",
|
||||
date: "Oct 2023",
|
||||
title: "Incredible Quality",
|
||||
quote: "The craftsmanship of every piece I own is simply unmatched. Truly timeless.",
|
||||
tag: "Fashion Lover",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling_176420-3742.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32427.jpg?_wi=2",
|
||||
imageAlt: "minimalist fashion clothing store model",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah L.",
|
||||
date: "Sept 2023",
|
||||
title: "My New Favorite",
|
||||
quote: "Kaur Inspire has redefined my wardrobe. Every piece feels uniquely made for me.",
|
||||
tag: "Style Blogger",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/amazed-woman-plays-with-short-shiny-hair-while-making-selfie-shocked-caucasian-girl-vintage-casual-dress-taking-photo-herself-using-smartphone_197531-7859.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7076.jpg?_wi=2",
|
||||
imageAlt: "elegant linen dress fashion boutique",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Priya D.",
|
||||
date: "Aug 2023",
|
||||
title: "Stunning Designs",
|
||||
quote: "I am always complimented when I wear my Kaur Inspire clothing. Absolute excellence.",
|
||||
tag: "Architect",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2716.jpg?_wi=2",
|
||||
imageAlt: "stylish silk shirt fashion clothing",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena M.",
|
||||
date: "July 2023",
|
||||
title: "Refined Style",
|
||||
quote: "Finally found a brand that balances modern style with absolute comfort perfectly.",
|
||||
tag: "Designer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-stylish-clothes-summer-city_1157-38460.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-sexy-businessman-handsome-model-man-casual-cloth-suit-sunglasses-sitting-bench-street_158538-9528.jpg?_wi=2",
|
||||
imageAlt: "fashion wool coat boutique product",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jordan K.",
|
||||
date: "June 2023",
|
||||
title: "Sophisticated Everyday",
|
||||
quote: "Simply the best quality I have encountered. The attention to detail is remarkable.",
|
||||
tag: "Stylist",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling_176420-3742.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling_176420-3742.jpg",
|
||||
imageAlt: "happy customer fashion clothing boutique",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Hear what our patrons say about Kaur Inspire."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Amina R.", date: "Oct 2023", title: "Incredible Quality", quote: "The craftsmanship of every piece I own is simply unmatched. Truly timeless.", tag: "Fashion Lover", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling_176420-3742.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32427.jpg" },
|
||||
{ id: "t2", name: "Sarah L.", date: "Sept 2023", title: "My New Favorite", quote: "Kaur Inspire has redefined my wardrobe. Every piece feels uniquely made for me.", tag: "Style Blogger", avatarSrc: "http://img.b2bpic.net/free-photo/amazed-woman-plays-with-short-shiny-hair-while-making-selfie-shocked-caucasian-girl-vintage-casual-dress-taking-photo-herself-using-smartphone_197531-7859.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7076.jpg" },
|
||||
{ id: "t3", name: "Priya D.", date: "Aug 2023", title: "Stunning Designs", quote: "I am always complimented when I wear my Kaur Inspire clothing. Absolute excellence.", tag: "Architect", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2716.jpg" },
|
||||
{ id: "t4", name: "Elena M.", date: "July 2023", title: "Refined Style", quote: "Finally found a brand that balances modern style with absolute comfort perfectly.", tag: "Designer", avatarSrc: "http://img.b2bpic.net/free-photo/woman-stylish-clothes-summer-city_1157-38460.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-sexy-businessman-handsome-model-man-casual-cloth-suit-sunglasses-sitting-bench-street_158538-9528.jpg" },
|
||||
{ id: "t5", name: "Jordan K.", date: "June 2023", title: "Sophisticated Everyday", quote: "Simply the best quality I have encountered. The attention to detail is remarkable.", tag: "Stylist", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling_176420-3742.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling_176420-3742.jpg" }
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Hear what our patrons say about Kaur Inspire."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Exclusive Membership"
|
||||
description="Unlock premium benefits with our loyalty tier program."
|
||||
plans={[
|
||||
{
|
||||
id: "tier-1",
|
||||
tag: "Starter",
|
||||
price: "$50",
|
||||
period: "/yr",
|
||||
description: "Basic access to seasonal previews.",
|
||||
button: {
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Included Benefits",
|
||||
features: [
|
||||
"Seasonal catalog early access",
|
||||
"Exclusive member newsletters",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "tier-2",
|
||||
tag: "Elite",
|
||||
price: "$150",
|
||||
period: "/yr",
|
||||
description: "Premium access for loyal patrons.",
|
||||
button: {
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Included Benefits",
|
||||
features: [
|
||||
"Free shipping globally",
|
||||
"Exclusive discounts up to 20%",
|
||||
"Priority support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Exclusive Membership"
|
||||
description="Unlock premium benefits with our loyalty tier program."
|
||||
plans={[
|
||||
{ id: "tier-1", tag: "Starter", price: "$50", period: "/yr", description: "Basic access to seasonal previews.", button: { text: "Join Now", href: "#" }, featuresTitle: "Included Benefits", features: ["Seasonal catalog early access", "Exclusive member newsletters"] },
|
||||
{ id: "tier-2", tag: "Elite", price: "$150", period: "/yr", description: "Premium access for loyal patrons.", button: { text: "Join Now", href: "#" }, featuresTitle: "Included Benefits", features: ["Free shipping globally", "Exclusive discounts up to 20%", "Priority support"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Stay Informed"
|
||||
title="Join the Kaur Inspire Circle"
|
||||
description="Sign up for updates on new collections and exclusive releases."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-with-cloud-shaped-head_23-2150169141.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Informed"
|
||||
title="Join the Kaur Inspire Circle"
|
||||
description="Sign up for updates on new collections and exclusive releases."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-with-cloud-shaped-head_23-2150169141.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Kaur Inspire"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Kaur Inspire"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user