Merge version_1 into main #3
120
src/app/page.tsx
120
src/app/page.tsx
@@ -41,7 +41,8 @@ export default function HomePage() {
|
||||
navItems={navItems}
|
||||
brandName="Flagship Collective"
|
||||
button={{
|
||||
text: "Enter Flagship", href: "#hero-main"}}
|
||||
text: "Enter Flagship", href: "#hero-main"
|
||||
}}
|
||||
className="backdrop-blur-md bg-white/80"
|
||||
buttonClassName="bg-[var(--primary-cta)] hover:bg-[var(--accent)]"
|
||||
buttonTextClassName="text-[var(--primary-cta-text)] font-bold"
|
||||
@@ -54,9 +55,11 @@ export default function HomePage() {
|
||||
description="Enter immersive brand universes where cutting-edge 3D design meets premium craftsmanship. Explore Maison Arandano's neon streetwear rebellion, Rasesh's minimalist elegance, and Rasesh Parfum's sensory luxury—all seamlessly connected."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enter the Flagship", href: "#product-showcase"},
|
||||
text: "Enter the Flagship", href: "#product-showcase"
|
||||
},
|
||||
{
|
||||
text: "Explore Brands", href: "/collections"},
|
||||
text: "Explore Brands", href: "/collections"
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -88,39 +91,48 @@ export default function HomePage() {
|
||||
title: "Maison Arandano", description: "Gen Z streetwear rebellion with neon aesthetics and limited drops. Bold, authentic, community-driven.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Neon Aesthetic", value: "Bold Visual Culture"},
|
||||
label: "Neon Aesthetic", value: "Bold Visual Culture"
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Limited Drops", value: "Exclusive Releases"},
|
||||
label: "Limited Drops", value: "Exclusive Releases"
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Community Driven", value: "Authentic Engagement"},
|
||||
label: "Community Driven", value: "Authentic Engagement"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rasesh Apparel", description: "Minimalist high-fashion elegance for discerning professionals. Precision tailoring meets contemporary design.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Precision Tailoring", value: "Artisan Craftsmanship"},
|
||||
label: "Precision Tailoring", value: "Artisan Craftsmanship"
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Minimalist Design", value: "Timeless Elegance"},
|
||||
label: "Minimalist Design", value: "Timeless Elegance"
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Luxury Quality", value: "Premium Materials"},
|
||||
label: "Luxury Quality", value: "Premium Materials"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rasesh Parfum", description: "Sensory luxury fragrances with high-concentration formulas. Olfactory storytelling for connoisseurs.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "High Concentration", value: "Long-Lasting Luxury"},
|
||||
label: "High Concentration", value: "Long-Lasting Luxury"
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Artisan Blends", value: "Bespoke Fragrances"},
|
||||
label: "Artisan Blends", value: "Bespoke Fragrances"
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Ingredient Transparency", value: "Premium Sourcing"},
|
||||
label: "Ingredient Transparency", value: "Premium Sourcing"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -128,7 +140,8 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Collections", href: "/collections"},
|
||||
text: "Discover Collections", href: "/collections"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
containerClassName="space-y-12"
|
||||
@@ -147,23 +160,30 @@ export default function HomePage() {
|
||||
gridVariant="bento-grid"
|
||||
products={[
|
||||
{
|
||||
id: "arandano-1", name: "Neon Rebellion Hoodie", price: "$285", variant: "Limited Edition", imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-outdoors-sun_23-2148803615.jpg", imageAlt: "Maison Arandano Neon Streetwear"},
|
||||
id: "arandano-1", name: "Neon Rebellion Hoodie", price: "$285", variant: "Limited Edition", imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-outdoors-sun_23-2148803615.jpg", imageAlt: "Maison Arandano Neon Streetwear"
|
||||
},
|
||||
{
|
||||
id: "arandano-2", name: "Cyber Utility Vest", price: "$195", variant: "Exclusive Drop", imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-outdoors-sun_23-2148803615.jpg", imageAlt: "Arandano Cyber Collection"},
|
||||
id: "arandano-2", name: "Cyber Utility Vest", price: "$195", variant: "Exclusive Drop", imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-outdoors-sun_23-2148803615.jpg", imageAlt: "Arandano Cyber Collection"
|
||||
},
|
||||
{
|
||||
id: "rasesh-1", name: "Signature Tailored Blazer", price: "$1,200", variant: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg", imageAlt: "Rasesh Minimalist Blazer"},
|
||||
id: "rasesh-1", name: "Signature Tailored Blazer", price: "$1,200", variant: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg", imageAlt: "Rasesh Minimalist Blazer"
|
||||
},
|
||||
{
|
||||
id: "rasesh-2", name: "Precision Linen Shirt", price: "$485", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg", imageAlt: "Rasesh Premium Apparel"},
|
||||
id: "rasesh-2", name: "Precision Linen Shirt", price: "$485", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg", imageAlt: "Rasesh Premium Apparel"
|
||||
},
|
||||
{
|
||||
id: "parfum-1", name: "Essence Noir – 50ml", price: "$350", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-glasses_23-2147975934.jpg", imageAlt: "Rasesh Parfum Luxury Fragrance"},
|
||||
id: "parfum-1", name: "Essence Noir – 50ml", price: "$350", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-glasses_23-2147975934.jpg", imageAlt: "Rasesh Parfum Luxury Fragrance"
|
||||
},
|
||||
{
|
||||
id: "parfum-2", name: "Amber Dreams – 30ml", price: "$225", variant: "Concentrated", imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-glasses_23-2147975934.jpg", imageAlt: "Rasesh Amber Fragrance"},
|
||||
id: "parfum-2", name: "Amber Dreams – 30ml", price: "$225", variant: "Concentrated", imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-glasses_23-2147975934.jpg", imageAlt: "Rasesh Amber Fragrance"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop All Collections", href: "/collections"},
|
||||
text: "Shop All Collections", href: "/collections"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
containerClassName="space-y-12"
|
||||
@@ -186,7 +206,8 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Heritage", href: "/collections"},
|
||||
text: "Explore Heritage", href: "/collections"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="About Our Luxury Brands"
|
||||
@@ -205,13 +226,17 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "collectors", title: "Collectors Served", subtitle: "Premium Members", category: "Community", value: "15,000+"},
|
||||
id: "collectors", title: "Collectors Served", subtitle: "Premium Members", category: "Community", value: "15,000+"
|
||||
},
|
||||
{
|
||||
id: "brands", title: "Luxury Brands", subtitle: "Unified Platform", category: "Portfolio", value: "3"},
|
||||
id: "brands", title: "Luxury Brands", subtitle: "Unified Platform", category: "Portfolio", value: "3"
|
||||
},
|
||||
{
|
||||
id: "collections", title: "Exclusive Collections", subtitle: "Limited Edition", category: "Product", value: "48"},
|
||||
id: "collections", title: "Exclusive Collections", subtitle: "Limited Edition", category: "Product", value: "48"
|
||||
},
|
||||
{
|
||||
id: "satisfaction", title: "Collector Satisfaction", subtitle: "5-Star Rating", category: "Trust", value: "98%"},
|
||||
id: "satisfaction", title: "Collector Satisfaction", subtitle: "5-Star Rating", category: "Trust", value: "98%"
|
||||
},
|
||||
]}
|
||||
textboxLayout="centered"
|
||||
useInvertedBackground={false}
|
||||
@@ -233,22 +258,28 @@ export default function HomePage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1", name: "Alexandra Chen", role: "Fashion Collector, Hong Kong", testimonial: "The immersive 3D experience transformed how I shop for luxury. I felt connected to each brand's story. Absolutely revolutionary.", icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037628.jpg", imageAlt: "Alexandra Chen"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037628.jpg", imageAlt: "Alexandra Chen"
|
||||
},
|
||||
{
|
||||
id: "testimonial-2", name: "Marcus Thompson", role: "Fragrance Connoisseur, London", testimonial: "Rasesh Parfum's transparency about ingredients and scent profiles is unmatched. Finally, luxury with authenticity.", icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-glasses_23-2147975934.jpg", imageAlt: "Marcus Thompson"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-glasses_23-2147975934.jpg", imageAlt: "Marcus Thompson"
|
||||
},
|
||||
{
|
||||
id: "testimonial-3", name: "Sofia Rodriguez", role: "Gen Z Style Icon, Mexico City", testimonial: "Maison Arandano gets us. The neon drops feel exclusive, authentic, and community-driven. This is luxury for my generation.", icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-outdoors-sun_23-2148803615.jpg", imageAlt: "Sofia Rodriguez"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-outdoors-sun_23-2148803615.jpg", imageAlt: "Sofia Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "testimonial-4", name: "James Pemberton", role: "Executive, New York", testimonial: "Rasesh Apparel's tailoring is surgical precision. I've never experienced such quality in minimalist design. A true investment.", icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg", imageAlt: "James Pemberton"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg", imageAlt: "James Pemberton"
|
||||
},
|
||||
{
|
||||
id: "testimonial-5", name: "Yuki Tanaka", role: "Luxury Investor, Tokyo", testimonial: "The Flagship Collective represents the future of luxury retail. Seamless brand switching, premium experience, pure excellence.", icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037628.jpg", imageAlt: "Yuki Tanaka"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037628.jpg", imageAlt: "Yuki Tanaka"
|
||||
},
|
||||
{
|
||||
id: "testimonial-6", name: "Isabella Moretti", role: "Design Curator, Milan", testimonial: "Three worlds, infinite expression. The tagline says it all. Each brand universe is carefully crafted and masterfully executed.", icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corridor-mall-unfocused_1203-1301.jpg", imageAlt: "Isabella Moretti"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corridor-mall-unfocused_1203-1301.jpg", imageAlt: "Isabella Moretti"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
@@ -265,7 +296,8 @@ export default function HomePage() {
|
||||
title="Featured In & Trusted By"
|
||||
description="Recognized globally as the pinnacle of luxury multibrand retail experience."
|
||||
names={[
|
||||
"Vogue", "GQ", "Hypebeast", "WWD", "The Luxury Edit", "Sotheby's", "Christie's", "Architectural Digest", "Robb Report"]}
|
||||
"Vogue", "GQ", "Hypebeast", "WWD", "The Luxury Edit", "Sotheby's", "Christie's", "Architectural Digest", "Robb Report"
|
||||
]}
|
||||
textboxLayout="centered"
|
||||
useInvertedBackground={false}
|
||||
showCard={true}
|
||||
@@ -290,17 +322,23 @@ export default function HomePage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1", title: "How does the 3D product visualization work?", content: "Our proprietary 3D technology allows you to view products from every angle, examine material details, and explore color variations in real-time. Hover, rotate, and zoom to experience each piece with museum-quality precision before purchase."},
|
||||
id: "faq-1", title: "How does the 3D product visualization work?", content: "Our proprietary 3D technology allows you to view products from every angle, examine material details, and explore color variations in real-time. Hover, rotate, and zoom to experience each piece with museum-quality precision before purchase."
|
||||
},
|
||||
{
|
||||
id: "faq-2", title: "Can I seamlessly switch between brands?", content: "Absolutely. Our unified platform allows you to explore Maison Arandano, Rasesh Apparel, and Rasesh Parfum with a single click. Brand universes remain distinct while sharing a premium, cohesive shopping experience."},
|
||||
id: "faq-2", title: "Can I seamlessly switch between brands?", content: "Absolutely. Our unified platform allows you to explore Maison Arandano, Rasesh Apparel, and Rasesh Parfum with a single click. Brand universes remain distinct while sharing a premium, cohesive shopping experience."
|
||||
},
|
||||
{
|
||||
id: "faq-3", title: "What makes the Fragrance Connoisseur experience unique?", content: "We provide complete ingredient transparency, scent profile guides, concentration percentages, and longevity ratings. Access our fragrance concierge for personalized recommendations based on your olfactory preferences."},
|
||||
id: "faq-3", title: "What makes the Fragrance Connoisseur experience unique?", content: "We provide complete ingredient transparency, scent profile guides, concentration percentages, and longevity ratings. Access our fragrance concierge for personalized recommendations based on your olfactory preferences."
|
||||
},
|
||||
{
|
||||
id: "faq-4", title: "Are limited edition drops guaranteed?", content: "Limited drops are first-come, first-served for VIP members. Premium Membership includes early access (24 hours advance) and dedicated concierge support for exclusive releases."},
|
||||
id: "faq-4", title: "Are limited edition drops guaranteed?", content: "Limited drops are first-come, first-served for VIP members. Premium Membership includes early access (24 hours advance) and dedicated concierge support for exclusive releases."
|
||||
},
|
||||
{
|
||||
id: "faq-5", title: "What's your return & authentication policy?", content: "All items come with 100% authenticity certification and a 30-day return window. We authenticate every piece using industry-leading verification, and offer complementary concierge support for any concerns."},
|
||||
id: "faq-5", title: "What's your return & authentication policy?", content: "All items come with 100% authenticity certification and a 30-day return window. We authenticate every piece using industry-leading verification, and offer complementary concierge support for any concerns."
|
||||
},
|
||||
{
|
||||
id: "faq-6", title: "How do I become a VIP Premium Member?", content: "Premium Membership is by invitation and curator selection. Explore collections, engage with our community, and demonstrate genuine passion for luxury craftsmanship. Submit your membership application through your account settings."},
|
||||
id: "faq-6", title: "How do I become a VIP Premium Member?", content: "Premium Membership is by invitation and curator selection. Explore collections, engage with our community, and demonstrate genuine passion for luxury craftsmanship. Submit your membership application through your account settings."
|
||||
},
|
||||
]}
|
||||
containerClassName="space-y-8 max-w-3xl mx-auto"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
|
||||
@@ -314,9 +352,11 @@ export default function HomePage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Flagship Collective"
|
||||
leftLink={{
|
||||
text: "Privacy & Terms", href: "#"}}
|
||||
text: "Privacy & Terms", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact VIP Access", href: "/collections"}}
|
||||
text: "Contact VIP Access", href: "/collections"
|
||||
}}
|
||||
ariaLabel="Site footer with navigation"
|
||||
className="bg-[var(--foreground)] text-[var(--background)]"
|
||||
wrapperClassName="py-12 px-4"
|
||||
|
||||
Reference in New Issue
Block a user