Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-13 12:53:17 +00:00
4 changed files with 131 additions and 474 deletions

View File

@@ -36,9 +36,7 @@ export default function AboutPage() {
brandName="Flagship Collective"
navItems={navItems}
button={{
text: "Enter Flagship",
href: "/",
}}
text: "Enter Flagship", href: "/"}}
className="backdrop-blur-md bg-white/80"
buttonClassName="bg-[var(--primary-cta)] hover:bg-[var(--accent)]"
buttonTextClassName="text-[var(--primary-cta-text)] font-bold"
@@ -53,14 +51,12 @@ export default function AboutPage() {
tag="Heritage & Innovation"
tagIcon={Award}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186731.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186731.jpg"
imageAlt="luxury craftsmanship detail artisan quality"
useInvertedBackground={true}
buttons={[
{
text: "Explore Heritage",
href: "/about",
},
text: "Explore Heritage", href: "/about"},
]}
buttonAnimation="slide-up"
ariaLabel="About Our Luxury Brands"
@@ -82,69 +78,42 @@ export default function AboutPage() {
animationType="blur-reveal"
features={[
{
title: "Maison Arandano",
description: "Gen Z streetwear rebellion with neon aesthetics and limited drops. Bold, authentic, community-driven.",
bentoComponent: "icon-info-cards",
items: [
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: [
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: [
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"},
],
},
]}
@@ -152,14 +121,12 @@ export default function AboutPage() {
useInvertedBackground={true}
buttons={[
{
text: "Discover Collections",
href: "/",
},
text: "Discover Collections", href: "/"},
]}
buttonAnimation="slide-up"
containerClassName="space-y-12"
titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
descriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
cardTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
/>
</div>
</div>
@@ -174,38 +141,20 @@ export default function AboutPage() {
animationType="blur-reveal"
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?_wi=5",
imageAlt: "Alexandra Chen",
},
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"},
{
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?_wi=9",
imageAlt: "Marcus Thompson",
},
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"},
{
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?_wi=9",
imageAlt: "Sofia Rodriguez",
},
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"},
]}
textboxLayout="default"
useInvertedBackground={true}
containerClassName="space-y-12"
titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
descriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
cardClassName="bg-[var(--card)] rounded-2xl p-8 shadow-lg border border-[var(--accent)]/20"
testimonialClassName="text-lg text-[var(--foreground)]/90 italic leading-relaxed"
/>
@@ -216,13 +165,9 @@ export default function AboutPage() {
<FooterLogoReveal
logoText="Flagship Collective"
leftLink={{
text: "Privacy & Terms",
href: "#",
}}
text: "Privacy & Terms", href: "#"}}
rightLink={{
text: "Contact VIP Access",
href: "/contact",
}}
text: "Contact VIP Access", href: "/contact"}}
ariaLabel="Site footer with navigation"
className="bg-[var(--foreground)] text-[var(--background)]"
wrapperClassName="py-12 px-4"

View File

@@ -36,9 +36,7 @@ export default function CollectionsPage() {
navItems={navItems}
brandName="Flagship Collective"
button={{
text: "Enter Flagship",
href: "/",
}}
text: "Enter Flagship", href: "/"}}
className="backdrop-blur-md bg-white/80"
buttonClassName="bg-[var(--primary-cta)] hover:bg-[var(--accent)]"
buttonTextClassName="text-[var(--primary-cta-text)] font-bold"
@@ -51,17 +49,13 @@ export default function CollectionsPage() {
description="Explore curated selections from Maison Arandano, Rasesh Apparel, and Rasesh Parfum. Each collection represents a distinct universe of premium craftsmanship and innovative design."
buttons={[
{
text: "Shop Now",
href: "#collections-grid",
},
text: "Shop Now", href: "#collections-grid"},
{
text: "Return Home",
href: "/",
},
text: "Return Home", href: "/"},
]}
background={{ variant: "gradient-bars" }}
mediaAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/corridor-mall-unfocused_1203-1301.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/corridor-mall-unfocused_1203-1301.jpg"
imageAlt="Luxury Collections Showcase"
buttonAnimation="slide-up"
frameStyle="card"
@@ -86,114 +80,40 @@ export default function CollectionsPage() {
gridVariant="asymmetric-60-wide-40-narrow"
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?_wi=4",
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?_wi=5",
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: "arandano-3",
name: "Digital Paradox Tee",
price: "$95",
variant: "Available Now",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-outdoors-sun_23-2148803615.jpg?_wi=6",
imageAlt: "Arandano Tee Collection",
},
id: "arandano-3", name: "Digital Paradox Tee", price: "$95", variant: "Available Now", imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-outdoors-sun_23-2148803615.jpg", imageAlt: "Arandano Tee Collection"},
{
id: "arandano-4",
name: "Neon Splatter Cargo",
price: "$225",
variant: "Limited Run",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-outdoors-sun_23-2148803615.jpg?_wi=7",
imageAlt: "Arandano Cargo Pants",
},
id: "arandano-4", name: "Neon Splatter Cargo", price: "$225", variant: "Limited Run", imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-outdoors-sun_23-2148803615.jpg", imageAlt: "Arandano Cargo Pants"},
{
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?_wi=4",
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?_wi=5",
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: "rasesh-3",
name: "Minimalist Wool Trousers",
price: "$650",
variant: "Tailored",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg?_wi=6",
imageAlt: "Rasesh Wool Trousers",
},
id: "rasesh-3", name: "Minimalist Wool Trousers", price: "$650", variant: "Tailored", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg", imageAlt: "Rasesh Wool Trousers"},
{
id: "rasesh-4",
name: "Silk Minimal Dress",
price: "$875",
variant: "Elegant",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg?_wi=7",
imageAlt: "Rasesh Silk Dress",
},
id: "rasesh-4", name: "Silk Minimal Dress", price: "$875", variant: "Elegant", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg", imageAlt: "Rasesh Silk Dress"},
{
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?_wi=4",
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?_wi=5",
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"},
{
id: "parfum-3",
name: "Velvet Rose 100ml",
price: "$525",
variant: "Full Bottle",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-glasses_23-2147975934.jpg?_wi=6",
imageAlt: "Rasesh Rose Fragrance",
},
id: "parfum-3", name: "Velvet Rose 100ml", price: "$525", variant: "Full Bottle", imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-glasses_23-2147975934.jpg", imageAlt: "Rasesh Rose Fragrance"},
{
id: "parfum-4",
name: "Precious Oud 50ml",
price: "$450",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-glasses_23-2147975934.jpg?_wi=7",
imageAlt: "Rasesh Oud Fragrance",
},
id: "parfum-4", name: "Precious Oud 50ml", price: "$450", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-glasses_23-2147975934.jpg", imageAlt: "Rasesh Oud Fragrance"},
]}
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{
text: "Return Home",
href: "/",
},
text: "Return Home", href: "/"},
]}
buttonAnimation="slide-up"
containerClassName="space-y-12"
titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
descriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
cardClassName="bg-[var(--card)] rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-shadow duration-300"
gridClassName="grid gap-6"
/>
@@ -208,38 +128,20 @@ export default function CollectionsPage() {
animationType="blur-reveal"
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?_wi=4",
imageAlt: "Alexandra Chen",
},
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"},
{
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?_wi=8",
imageAlt: "Marcus Thompson",
},
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"},
{
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?_wi=8",
imageAlt: "Sofia Rodriguez",
},
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"},
]}
textboxLayout="default"
useInvertedBackground={true}
containerClassName="space-y-12"
titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
descriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
cardClassName="bg-[var(--card)] rounded-2xl p-8 shadow-lg border border-[var(--accent)]/20"
testimonialClassName="text-lg text-[var(--foreground)]/90 italic leading-relaxed"
/>
@@ -249,13 +151,9 @@ export default function CollectionsPage() {
<FooterLogoReveal
logoText="Flagship Collective"
leftLink={{
text: "Privacy & Terms",
href: "#",
}}
text: "Privacy & Terms", href: "#"}}
rightLink={{
text: "Back to Home",
href: "/",
}}
text: "Back to Home", href: "/"}}
ariaLabel="Site footer with navigation"
className="bg-[var(--foreground)] text-[var(--background)]"
wrapperClassName="py-12 px-4"

View File

@@ -34,9 +34,7 @@ export default function ContactPage() {
brandName="Flagship Collective"
navItems={navItems}
button={{
text: "Enter Flagship",
href: "/",
}}
text: "Enter Flagship", href: "/"}}
className="backdrop-blur-md bg-white/80"
buttonClassName="bg-[var(--primary-cta)] hover:bg-[var(--accent)]"
buttonTextClassName="text-[var(--primary-cta-text)] font-bold"
@@ -57,39 +55,21 @@ export default function ContactPage() {
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"
titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
descriptionClassName="text-lg text-[var(--foreground)]/80"
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80"
accordionClassName="bg-[var(--card)] rounded-xl overflow-hidden border border-[var(--accent)]/10"
accordionTitleClassName="font-semibold text-lg text-[var(--foreground)]"
/>
@@ -100,13 +80,9 @@ export default function ContactPage() {
<FooterLogoReveal
logoText="Flagship Collective"
leftLink={{
text: "Privacy & Terms",
href: "#",
}}
text: "Privacy & Terms", href: "#"}}
rightLink={{
text: "Contact VIP Access",
href: "/contact",
}}
text: "Contact VIP Access", href: "/contact"}}
ariaLabel="Site footer with navigation"
className="bg-[var(--foreground)] text-[var(--background)]"
wrapperClassName="py-12 px-4"

View File

@@ -41,9 +41,7 @@ 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"
@@ -56,17 +54,13 @@ 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"
imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037628.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037628.jpg"
imageAlt="3D Luxury Flagship Store Experience"
buttonAnimation="slide-up"
frameStyle="card"
@@ -91,69 +85,42 @@ export default function HomePage() {
animationType="blur-reveal"
features={[
{
title: "Maison Arandano",
description: "Gen Z streetwear rebellion with neon aesthetics and limited drops. Bold, authentic, community-driven.",
bentoComponent: "icon-info-cards",
items: [
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: [
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: [
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"},
],
},
]}
@@ -161,14 +128,12 @@ export default function HomePage() {
useInvertedBackground={true}
buttons={[
{
text: "Discover Collections",
href: "/collections",
},
text: "Discover Collections", href: "/collections"},
]}
buttonAnimation="slide-up"
containerClassName="space-y-12"
titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
descriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
cardTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
/>
</div>
@@ -182,66 +147,28 @@ 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?_wi=1",
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?_wi=2",
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?_wi=1",
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?_wi=2",
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?_wi=1",
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?_wi=2",
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"
titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
descriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
cardClassName="bg-[var(--card)] rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-shadow duration-300"
gridClassName="grid gap-6"
/>
@@ -254,14 +181,12 @@ export default function HomePage() {
tag="Heritage & Innovation"
tagIcon={Award}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186731.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186731.jpg"
imageAlt="Luxury Craftsmanship Details"
useInvertedBackground={true}
buttons={[
{
text: "Explore Heritage",
href: "/collections",
},
text: "Explore Heritage", href: "/collections"},
]}
buttonAnimation="slide-up"
ariaLabel="About Our Luxury Brands"
@@ -280,39 +205,19 @@ 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}
containerClassName="space-y-12"
titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
descriptionClassName="text-lg text-[var(--foreground)]/80"
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80"
cardClassName="bg-[var(--card)] rounded-2xl p-8 shadow-lg"
valueClassName="text-3xl md:text-4xl font-bold bg-gradient-to-r from-[var(--primary-cta)] to-[var(--accent)] bg-clip-text text-transparent"
/>
@@ -327,65 +232,29 @@ export default function HomePage() {
animationType="blur-reveal"
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?_wi=2",
imageAlt: "Alexandra Chen",
},
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"},
{
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?_wi=3",
imageAlt: "Marcus Thompson",
},
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"},
{
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?_wi=3",
imageAlt: "Sofia Rodriguez",
},
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"},
{
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?_wi=3",
imageAlt: "James Pemberton",
},
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"},
{
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?_wi=3",
imageAlt: "Yuki Tanaka",
},
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"},
{
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?_wi=1",
imageAlt: "Isabella Moretti",
},
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"},
]}
textboxLayout="default"
useInvertedBackground={true}
containerClassName="space-y-12"
titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
descriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80 max-w-3xl mx-auto"
cardClassName="bg-[var(--card)] rounded-2xl p-8 shadow-lg border border-[var(--accent)]/20"
testimonialClassName="text-lg text-[var(--foreground)]/90 italic leading-relaxed"
/>
@@ -396,23 +265,14 @@ 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}
speed={50}
containerClassName="space-y-8"
titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)] text-center"
descriptionClassName="text-lg text-[var(--foreground)]/70 text-center max-w-2xl mx-auto"
textBoxTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)] text-center"
textBoxDescriptionClassName="text-lg text-[var(--foreground)]/70 text-center max-w-2xl mx-auto"
contentClassName="flex flex-wrap justify-center gap-8 items-center py-8"
/>
</div>
@@ -430,39 +290,21 @@ 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"
titleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
descriptionClassName="text-lg text-[var(--foreground)]/80"
textBoxTitleClassName="text-4xl md:text-5xl font-bold text-[var(--foreground)]"
textBoxDescriptionClassName="text-lg text-[var(--foreground)]/80"
accordionClassName="bg-[var(--card)] rounded-xl overflow-hidden border border-[var(--accent)]/10"
accordionTitleClassName="font-semibold text-lg text-[var(--foreground)]"
/>
@@ -472,13 +314,9 @@ 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"