Merge version_1 into main #2
290
src/app/page.tsx
290
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SHAWOIKA"
|
||||
/>
|
||||
@@ -55,46 +43,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Experience the Art of Luxury"
|
||||
description="At SHAWOIKA, we create more than products — we craft unforgettable experiences."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Discover More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Explore Collection", href: "#products" },
|
||||
{ text: "Discover More", href: "#about" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305941.jpg?_wi=1",
|
||||
imageAlt: "luxury minimalist interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-brown-background-with-soft-lines-generative-al_169016-28458.jpg",
|
||||
imageAlt: "luxury minimalist interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-black-feather-edge-background_23-2148114627.jpg",
|
||||
imageAlt: "luxury minimalist interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-background-perfect-canva_1361-3593.jpg",
|
||||
imageAlt: "luxury minimalist interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139324.jpg",
|
||||
imageAlt: "luxury minimalist interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712899.jpg",
|
||||
imageAlt: "luxury minimalist interior",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305941.jpg", imageAlt: "luxury minimalist interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-brown-background-with-soft-lines-generative-al_169016-28458.jpg", imageAlt: "luxury minimalist interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-black-feather-edge-background_23-2148114627.jpg", imageAlt: "luxury minimalist interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-background-perfect-canva_1361-3593.jpg", imageAlt: "luxury minimalist interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139324.jpg", imageAlt: "luxury minimalist interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712899.jpg", imageAlt: "luxury minimalist interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,20 +68,11 @@ export default function LandingPage() {
|
||||
title="The Story of SHAWOIKA"
|
||||
description="Born from a passion for timeless design and premium craftsmanship, every detail is curated to deliver an elevated lifestyle experience."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Timeless Design",
|
||||
description: "Classic aesthetics that transcend trends.",
|
||||
},
|
||||
{
|
||||
title: "Premium Craftsmanship",
|
||||
description: "Meticulous attention to detail in every piece.",
|
||||
},
|
||||
{
|
||||
title: "Elevated Lifestyle",
|
||||
description: "Curated experiences for the discerning few.",
|
||||
},
|
||||
{ title: "Timeless Design", description: "Classic aesthetics that transcend trends." },
|
||||
{ title: "Premium Craftsmanship", description: "Meticulous attention to detail in every piece." },
|
||||
{ title: "Elevated Lifestyle", description: "Curated experiences for the discerning few." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157456.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157456.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -130,30 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Only the finest components sourced globally.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-beige-wedding-shoes-circled-around-engagement-ring-middle_8353-10521.jpg",
|
||||
imageAlt: "White and beige wedding shoes circled around and an engagement ring in the middle",
|
||||
},
|
||||
{
|
||||
title: "Exclusive Designs",
|
||||
description: "Unique pieces crafted in limited batches.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305941.jpg?_wi=2",
|
||||
imageAlt: "White and beige wedding shoes circled around and an engagement ring in the middle",
|
||||
},
|
||||
{
|
||||
title: "Customer-Centric",
|
||||
description: "Dedicated service for a premium experience.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157456.jpg?_wi=2",
|
||||
imageAlt: "White and beige wedding shoes circled around and an engagement ring in the middle",
|
||||
},
|
||||
{ title: "Premium Materials", description: "Only the finest components sourced globally.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Exclusive Designs", description: "Unique pieces crafted in limited batches.", bentoComponent: "reveal-icon", icon: Star },
|
||||
{ title: "Customer-Centric", description: "Dedicated service for a premium experience.", bentoComponent: "reveal-icon", icon: Award },
|
||||
]}
|
||||
title="Why Choose SHAWOIKA"
|
||||
description="Excellence redefined through thoughtful curation and exclusive designs."
|
||||
@@ -165,43 +97,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elegance Ring",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Watch",
|
||||
price: "$3,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646520.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Leather Handbag",
|
||||
price: "$2,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Silk Scarf",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-chinese-2021-minimalist-flower-design_23-2148763908.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Velvet Clutch",
|
||||
price: "$900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353708.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gold Cufflinks",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-various-crockery-marble-table_23-2148141227.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Elegance Ring", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg" },
|
||||
{ id: "p2", name: "Classic Watch", price: "$3,500", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646520.jpg" },
|
||||
{ id: "p3", name: "Leather Handbag", price: "$2,800", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg" },
|
||||
{ id: "p4", name: "Silk Scarf", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/new-year-chinese-2021-minimalist-flower-design_23-2148763908.jpg" },
|
||||
{ id: "p5", name: "Velvet Clutch", price: "$900", imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353708.jpg" },
|
||||
{ id: "p6", name: "Gold Cufflinks", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/composition-various-crockery-marble-table_23-2148141227.jpg" },
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Discover our latest curated selection."
|
||||
@@ -214,24 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "24",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Years of Excellence",
|
||||
value: "10+",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Awards Won", value: "24" },
|
||||
{ id: "m2", icon: Users, title: "Happy Clients", value: "500+" },
|
||||
{ id: "m3", icon: Star, title: "Years of Excellence", value: "10+" },
|
||||
]}
|
||||
title="The Excellence We Uphold"
|
||||
description="Trust earned through quality and dedication."
|
||||
@@ -243,61 +131,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2025",
|
||||
title: "CEO",
|
||||
quote: "Absolutely stunning quality. Worth every penny.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-transgender-posing_23-2149154631.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305941.jpg?_wi=3",
|
||||
imageAlt: "portrait elegant woman",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
date: "Feb 2025",
|
||||
title: "Founder",
|
||||
quote: "The attention to detail is unmatched.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/charming-lady-velvet-outfit-holds-martini-glass_197531-15680.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157456.jpg?_wi=3",
|
||||
imageAlt: "portrait elegant woman",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
date: "Mar 2025",
|
||||
title: "Director",
|
||||
quote: "Feels premium from start to finish.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2425.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg?_wi=2",
|
||||
imageAlt: "portrait elegant woman",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
date: "Apr 2025",
|
||||
title: "Designer",
|
||||
quote: "Exceeded my expectations in every way.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/white-plant-branch-gray-brick-wall-natural-light-background-mobile-wallpaper_53876-139802.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646520.jpg?_wi=2",
|
||||
imageAlt: "portrait elegant woman",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Laura M.",
|
||||
date: "May 2025",
|
||||
title: "Consultant",
|
||||
quote: "Luxury at its finest. I will definitely return.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-jacket-resting-street-cafe-charming-short-haired-lady-grey-oversize-suit-sensitively-looks-into-camera-chilling-outside_197531-18565.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg?_wi=2",
|
||||
imageAlt: "portrait elegant woman",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", date: "Jan 2025", title: "CEO", quote: "Absolutely stunning quality. Worth every penny.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-transgender-posing_23-2149154631.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305941.jpg", imageAlt: "portrait elegant woman" },
|
||||
{ id: "t2", name: "Michael C.", date: "Feb 2025", title: "Founder", quote: "The attention to detail is unmatched.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/charming-lady-velvet-outfit-holds-martini-glass_197531-15680.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157456.jpg", imageAlt: "portrait elegant woman" },
|
||||
{ id: "t3", name: "Emily R.", date: "Mar 2025", title: "Director", quote: "Feels premium from start to finish.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2425.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg", imageAlt: "portrait elegant woman" },
|
||||
{ id: "t4", name: "David K.", date: "Apr 2025", title: "Designer", quote: "Exceeded my expectations in every way.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/white-plant-branch-gray-brick-wall-natural-light-background-mobile-wallpaper_53876-139802.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646520.jpg", imageAlt: "portrait elegant woman" },
|
||||
{ id: "t5", name: "Laura M.", date: "May 2025", title: "Consultant", quote: "Luxury at its finest. I will definitely return.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-jacket-resting-street-cafe-charming-short-haired-lady-grey-oversize-suit-sensitively-looks-into-camera-chilling-outside_197531-18565.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg", imageAlt: "portrait elegant woman" },
|
||||
]}
|
||||
title="Loved by Those Who Value Excellence"
|
||||
description="Experiences from our discerning community."
|
||||
@@ -309,21 +147,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What materials are used?",
|
||||
content: "We source the finest materials globally to ensure premium quality.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I return a product?",
|
||||
content: "We offer a 30-day return policy for all items in original condition.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I care for my item?",
|
||||
content: "Each product includes a personalized care guide to maintain its quality.",
|
||||
},
|
||||
{ id: "f1", title: "What materials are used?", content: "We source the finest materials globally to ensure premium quality." },
|
||||
{ id: "f2", title: "Can I return a product?", content: "We offer a 30-day return policy for all items in original condition." },
|
||||
{ id: "f3", title: "How do I care for my item?", content: "Each product includes a personalized care guide to maintain its quality." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about SHAWOIKA excellence."
|
||||
@@ -334,19 +160,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to Experience Luxury?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Contact Us", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -355,29 +173,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Shop", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user