Update src/app/page.tsx

This commit is contained in:
2026-03-06 23:07:29 +00:00
parent 79bc7a0476
commit 4ce23f9eec

View File

@@ -11,7 +11,7 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Award, ArrowRight, Eye, HelpCircle, Infinity, Package, Palette, Pen, Sparkles, Star, Target, Zap } from "lucide-react";
import { Award, ArrowRight, Eye, HelpCircle, Infinity, Package, Palette, Pen, Sparkles, Star, Target, Zap, Mail, Phone, MapPin } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,7 +34,7 @@ export default function LandingPage() {
{ name: "Collection", id: "products" },
{ name: "About", id: "about" },
{ name: "Approach", id: "approach" },
{ name: "Journal", id: "blog" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "Contact", href: "#contact" }}
animateOnLoad={true}
@@ -67,16 +67,17 @@ export default function LandingPage() {
{ text: "Inquire", href: "#contact" },
],
stats: [
{ title: "Seasons", values: ["3", "5", "7"], description: "Collections created" },
{ title: "Restraint", values: ["Pure", "Essence", "Form"], description: "Design philosophy" },
{ title: "Silence", values: ["Speaks", "Louder", "Always"], description: "Through absence" },
{ title: "Seasons", values: [3, 5, 7], description: "Collections created" },
{ title: "Restraint", values: [0.9, 1.2, 0.7], description: "Design philosophy" },
{ title: "Silence", values: [2.1, 3.5, 1.8], description: "Through absence" },
],
listTitle: "Atelier Notes", listItems: [
{ icon: Eye, title: "Conceptual Rigor", status: "Embedded" },
{ icon: Target, title: "Editorial Excellence", status: "Practiced" },
{ icon: Infinity, title: "Timeless Integrity", status: "Pursued" },
],
searchPlaceholder: "Search our archive", imageAlt: "Serene Studios atelier"}}
searchPlaceholder: "Search our archive", imageAlt: "Serene Studios atelier"
}}
ariaLabel="Hero section introducing Serene Studios"
className="min-h-screen"
containerClassName="space-y-12"
@@ -115,16 +116,20 @@ export default function LandingPage() {
features={[
{
title: "Conceptual Foundation", description: "Every piece begins with ideas, not trends. Art directs commerce.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-model-holding-fresh-plants_23-2148442573.jpg", imageAlt: "Conceptual design process", buttonIcon: ArrowRight,
buttonHref: "#products"},
buttonHref: "#products"
},
{
title: "Editorial Presentation", description: "Gallery-like curation with expansive whitespace amplifies intention.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-posing-with-cloth_23-2148546986.jpg", imageAlt: "Editorial gallery layout", buttonIcon: ArrowRight,
buttonHref: "#products"},
buttonHref: "#products"
},
{
title: "Restraint as Luxury", description: "Monochromatic subtlety signals confidence. Silence speaks volumes.", imageSrc: "http://img.b2bpic.net/free-psd/fashion-design-banner-template_23-2149003184.jpg", imageAlt: "Restrained design aesthetic", buttonIcon: ArrowRight,
buttonHref: "#products"},
buttonHref: "#products"
},
{
title: "Timeless Integrity", description: "Pieces designed to transcend seasons. Intentionality over obsolescence.", imageSrc: "http://img.b2bpic.net/free-vector/business-proposal-template-design_742173-24808.jpg", imageAlt: "Timeless collection pieces", buttonIcon: ArrowRight,
buttonHref: "#products"},
buttonHref: "#products"
},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -183,13 +188,17 @@ export default function LandingPage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Helena Voss, Fashion Director at Atelier Magazine", date: "Date: December 2024", title: "A Voice of Quiet Confidence", quote: "Serene Studios speaks the language of editorial fashion. Every piece feels like a considered editorial choice rather than a commercial offering. This is fashion for those who understand that silence is the loudest statement.", tag: "Editorial Professional", avatarSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses-posing_23-2148452678.jpg", avatarAlt: "Helena Voss", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230644.jpg", imageAlt: "Editorial testimonial showcase"},
id: "1", name: "Helena Voss, Fashion Director at Atelier Magazine", date: "Date: December 2024", title: "A Voice of Quiet Confidence", quote: "Serene Studios speaks the language of editorial fashion. Every piece feels like a considered editorial choice rather than a commercial offering. This is fashion for those who understand that silence is the loudest statement.", tag: "Editorial Professional", avatarSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses-posing_23-2148452678.jpg", avatarAlt: "Helena Voss", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230644.jpg", imageAlt: "Editorial testimonial showcase"
},
{
id: "2", name: "Marcus Chen, Independent Stylist & Curator", date: "Date: November 2024", title: "Conceptual Excellence Realized", quote: "Working with Serene Studios has transformed how I think about fashion curation. Their commitment to intentionality and restraint creates pieces that aged beautifully in both aesthetic and philosophy. This is luxury redefined.", tag: "Creative Director", avatarSrc: "http://img.b2bpic.net/free-photo/confident-lady-stylish-red-outfit-looks-into-camera_197531-27288.jpg", avatarAlt: "Marcus Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830357.jpg", imageAlt: "Curator testimonial presentation"},
id: "2", name: "Marcus Chen, Independent Stylist & Curator", date: "Date: November 2024", title: "Conceptual Excellence Realized", quote: "Working with Serene Studios has transformed how I think about fashion curation. Their commitment to intentionality and restraint creates pieces that aged beautifully in both aesthetic and philosophy. This is luxury redefined.", tag: "Creative Director", avatarSrc: "http://img.b2bpic.net/free-photo/confident-lady-stylish-red-outfit-looks-into-camera_197531-27288.jpg", avatarAlt: "Marcus Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830357.jpg", imageAlt: "Curator testimonial presentation"
},
{
id: "3", name: "Isabelle Laurent, Contemporary Fashion Photographer", date: "Date: October 2024", title: "Photographing Restraint", quote: "The challenge and beauty of Serene Studios pieces lies in their simplicity. They photograph with a purity that commercial fashion rarely achieves. These are pieces designed for the archive, not the trend cycle.", tag: "Visual Artist", avatarSrc: "http://img.b2bpic.net/free-photo/asian-worker-arranging-mannequin-with-formal-suit-working-store-visual-with-fashionable-merchandise-employee-preparing-boutique-opening-waiting-customers-shopping-centre_482257-61880.jpg", avatarAlt: "Isabelle Laurent", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hands-holding-yellow-plant_23-2149640627.jpg", imageAlt: "Photography testimonial visual"},
id: "3", name: "Isabelle Laurent, Contemporary Fashion Photographer", date: "Date: October 2024", title: "Photographing Restraint", quote: "The challenge and beauty of Serene Studios pieces lies in their simplicity. They photograph with a purity that commercial fashion rarely achieves. These are pieces designed for the archive, not the trend cycle.", tag: "Visual Artist", avatarSrc: "http://img.b2bpic.net/free-photo/asian-worker-arranging-mannequin-with-formal-suit-working-store-visual-with-fashionable-merchandise-employee-preparing-boutique-opening-waiting-customers-shopping-centre_482257-61880.jpg", avatarAlt: "Isabelle Laurent", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hands-holding-yellow-plant_23-2149640627.jpg", imageAlt: "Photography testimonial visual"
},
{
id: "4", name: "David Kohl, Luxury Goods Consultant", date: "Date: September 2024", title: "Authenticity in Luxury Markets", quote: "In an oversaturated luxury market, Serene Studios stands apart through genuine artistic vision. Their refusal to compromise on conceptual integrity while maintaining accessibility is rare and admirable.", tag: "Industry Expert", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-white-blazer-smiling-secretly_114579-18682.jpg", avatarAlt: "David Kohl", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346546.jpg", imageAlt: "Expert testimonial composition"},
id: "4", name: "David Kohl, Luxury Goods Consultant", date: "Date: September 2024", title: "Authenticity in Luxury Markets", quote: "In an oversaturated luxury market, Serene Studios stands apart through genuine artistic vision. Their refusal to compromise on conceptual integrity while maintaining accessibility is rare and admirable.", tag: "Industry Expert", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-white-blazer-smiling-secretly_114579-18682.jpg", avatarAlt: "David Kohl", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346546.jpg", imageAlt: "Expert testimonial composition"
},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -214,9 +223,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue Editorial", "Atelier Magazine", "Contemporary Design Review", "Editorial Fashion Journal", "Luxury Concepts Quarterly", "Minimalist Design Platform", "Independent Fashion Archive", "Contemporary Craft Magazine"]}
"Vogue Editorial", "Atelier Magazine", "Contemporary Design Review", "Editorial Fashion Journal", "Luxury Concepts Quarterly", "Minimalist Design Platform", "Independent Fashion Archive", "Contemporary Craft Magazine"
]}
logos={[
"http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pastel-colors_23-2148361243.jpg", "http://img.b2bpic.net/free-vector/golden-elegant-business-logo-template_23-2148218240.jpg", "http://img.b2bpic.net/free-photo/creative-ideas-brand-logo-style_53876-120345.jpg", "http://img.b2bpic.net/free-vector/collection-logos-gold_1048-5472.jpg", "http://img.b2bpic.net/free-vector/flat-design-fashion-accessories-logo-collection_23-2148895774.jpg", "http://img.b2bpic.net/free-photo/high-angle-thimbles-with-scissors-textile_23-2148527961.jpg", "http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148836461.jpg"]}
"http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pastel-colors_23-2148361243.jpg", "http://img.b2bpic.net/free-vector/golden-elegant-business-logo-template_23-2148218240.jpg", "http://img.b2bpic.net/free-photo/creative-ideas-brand-logo-style_53876-120345.jpg", "http://img.b2bpic.net/free-vector/collection-logos-gold_1048-5472.jpg", "http://img.b2bpic.net/free-vector/flat-design-fashion-accessories-logo-collection_23-2148895774.jpg", "http://img.b2bpic.net/free-photo/high-angle-thimbles-with-scissors-textile_23-2148527961.jpg", "http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148836461.jpg"
]}
speed={40}
showCard={true}
ariaLabel="Featured publications and partners"
@@ -236,17 +247,23 @@ export default function LandingPage() {
tagAnimation="slide-up"
faqs={[
{
id: "1", title: "What inspired the Serene Studios concept?", content: "Serene Studios emerged from observing the oversaturation and noise in contemporary fashion. We sought to create a counter-narrative: a brand built on silence, restraint, and editorial integrity. Our inspiration draws from curatorial practices in museums and galleries—treating fashion as art worthy of thoughtful presentation rather than commercial spectacle."},
id: "1", title: "What inspired the Serene Studios concept?", content: "Serene Studios emerged from observing the oversaturation and noise in contemporary fashion. We sought to create a counter-narrative: a brand built on silence, restraint, and editorial integrity. Our inspiration draws from curatorial practices in museums and galleries—treating fashion as art worthy of thoughtful presentation rather than commercial spectacle."
},
{
id: "2", title: "How do you approach design and conceptualization?", content: "Each collection begins with a conceptual framework rather than trend forecasting. We ask: What does this piece communicate? How does restraint amplify intention? Design follows philosophy. Every detail—from fabric selection to construction—serves the overarching narrative. We believe fashion should whisper, not shout."},
id: "2", title: "How do you approach design and conceptualization?", content: "Each collection begins with a conceptual framework rather than trend forecasting. We ask: What does this piece communicate? How does restraint amplify intention? Design follows philosophy. Every detail—from fabric selection to construction—serves the overarching narrative. We believe fashion should whisper, not shout."
},
{
id: "3", title: "Why is minimalism central to your vision?", content: "Minimalism in our practice is not about simplicity for its own sake, but about intentionality. It's a disciplined approach that removes everything unnecessary, allowing what remains to resonate more profoundly. In a world of excess, restraint becomes a radical statement of confidence and authenticity."},
id: "3", title: "Why is minimalism central to your vision?", content: "Minimalism in our practice is not about simplicity for its own sake, but about intentionality. It's a disciplined approach that removes everything unnecessary, allowing what remains to resonate more profoundly. In a world of excess, restraint becomes a radical statement of confidence and authenticity."
},
{
id: "4", title: "What is your approach to sustainability and craftsmanship?", content: "Our commitment to timelessness is inseparable from sustainability. We use premium, durable materials designed to age gracefully. Pieces are constructed with meticulous attention to detail, supporting artisanal production methods. We believe in creating items that transcend seasonality—pieces customers will treasure for years, not discard next season."},
id: "4", title: "What is your approach to sustainability and craftsmanship?", content: "Our commitment to timelessness is inseparable from sustainability. We use premium, durable materials designed to age gracefully. Pieces are constructed with meticulous attention to detail, supporting artisanal production methods. We believe in creating items that transcend seasonality—pieces customers will treasure for years, not discard next season."
},
{
id: "5", title: "How do you define 'luxury' differently?", content: "True luxury, in our view, is not about logos or conspicuous consumption. It's about artistic vision, conceptual rigor, and emotional resonance. Luxury is the freedom to create without commercial compromise. It's a whisper heard in a quiet room—powerful precisely because it asks for attention rather than demanding it."},
id: "5", title: "How do you define 'luxury' differently?", content: "True luxury, in our view, is not about logos or conspicuous consumption. It's about artistic vision, conceptual rigor, and emotional resonance. Luxury is the freedom to create without commercial compromise. It's a whisper heard in a quiet room—powerful precisely because it asks for attention rather than demanding it."
},
{
id: "6", title: "How do I inquire about custom or commission work?", content: "We occasionally collaborate with collectors and editorial projects that align with our vision. For inquiries regarding commissions, collaborations, or editorial partnerships, please contact us directly. We consider each proposal individually, ensuring alignment with our conceptual and artistic standards."},
id: "6", title: "How do I inquire about custom or commission work?", content: "We occasionally collaborate with collectors and editorial projects that align with our vision. For inquiries regarding commissions, collaborations, or editorial partnerships, please contact us directly. We consider each proposal individually, ensuring alignment with our conceptual and artistic standards."
},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -300,7 +317,7 @@ export default function LandingPage() {
{ label: "Collection", href: "#products" },
{ label: "About", href: "#about" },
{ label: "Approach", href: "#approach" },
{ label: "Journal", href: "#blog" },
{ label: "Contact", href: "#contact" },
],
},
{