Merge version_7 into main #8
128
src/app/page.tsx
128
src/app/page.tsx
@@ -36,111 +36,111 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "View Our Work", href: "work" }}
|
||||
brandName="Studio"
|
||||
brandName="Flow AI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="Strategic Design for Ambitious Brands"
|
||||
description="We craft intentional, elegant solutions that command attention and drive measurable results. Premium strategy meets timeless execution."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Premium Agency"
|
||||
title="Transform Your Workflow with Intelligent Design"
|
||||
description="Experience the future of interaction design. Seamless, intuitive, and elegantly crafted for the modern era. Powered by advanced AI and fluid animations."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Next-Generation AI"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "Get Your Strategy Session", href: "work" }]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-golden-pattern_23-2149143781.jpg", imageAlt: "Strategic design composition" }]}
|
||||
mediaAnimation="slide-up"
|
||||
ariaLabel="Hero section with gallery"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[{ text: "Explore the Experience", href: "work" }, { text: "View Documentation", href: "#" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-golden-pattern_23-2149143781.jpg", imageAlt: "AI-powered design interface" }]}
|
||||
mediaAnimation="blur-reveal"
|
||||
ariaLabel="Hero section showcasing Flow AI capabilities"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="Our Approach"
|
||||
title="Design rooted in strategy, executed with intention. We believe that great work emerges from the intersection of clear thinking, artistic excellence, and measurable impact."
|
||||
tag="Our Vision"
|
||||
title="Where Artificial Intelligence Meets Exceptional Design. We've reimagined the interface between humans and technology, creating experiences that feel natural, responsive, and beautifully intentional."
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Explore Our Process", href: "services" }]}
|
||||
buttons={[{ text: "Discover Our Approach", href: "services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
title="Social Media Management Services"
|
||||
description="We connect your brand with audiences across the most powerful social platforms. Strategic content, authentic engagement, and measurable growth."
|
||||
tag="Digital Strategy"
|
||||
title="Intelligent Design Solutions"
|
||||
description="Comprehensive AI-driven design and development services that transform how you interact with technology. Every feature engineered for elegance and performance."
|
||||
tag="Premium Services"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
tagAnimation="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
icon: Facebook,
|
||||
title: "Facebook Marketing", description: "Community building and targeted campaigns that convert. We leverage Facebook's powerful tools for audience segmentation and measurable ROI."
|
||||
icon: Sparkles,
|
||||
title: "AI-Powered Interfaces", description: "Intelligent systems that learn from user behavior and adapt in real-time. Every interaction becomes more intuitive with advanced machine learning integration."
|
||||
},
|
||||
{
|
||||
icon: Youtube,
|
||||
title: "YouTube Strategy", description: "Content that captures attention and drives engagement. From series planning to production strategy, we help your brand become a destination."
|
||||
icon: Zap,
|
||||
title: "Performance Optimization", description: "Lightning-fast load times and smooth 60fps animations. Engineered for responsive experiences that feel instantaneous and fluid across all devices."
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
title: "Instagram Growth", description: "Visual storytelling that resonates. We craft feeds and strategies that build loyal communities and amplify your brand presence."
|
||||
icon: TrendingUp,
|
||||
title: "Data-Driven Analytics", description: "Deep insights into user behavior and interaction patterns. Make informed decisions with comprehensive analytics and real-time performance monitoring."
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Influencer Connections", description: "Direct relationships with authentic creators. We facilitate partnerships that align with your brand values and drive genuine engagement."
|
||||
title: "User Experience Design", description: "Crafted interfaces that put people first. Our design process focuses on accessibility, usability, and creating delightful moments in every interaction."
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Discuss Your Strategy", href: "contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
buttons={[{ text: "Explore Services", href: "contact" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="work" data-section="work">
|
||||
<FeatureCardTwentyThree
|
||||
title="Recent Work"
|
||||
description="Curated projects that showcase our expertise in brand strategy, design systems, and enterprise solutions"
|
||||
tag="Portfolio"
|
||||
title="Featured Projects"
|
||||
description="Landmark projects showcasing advanced AI integration, elegant design systems, and transformative user experiences"
|
||||
tag="Portfolio Highlights"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Luxury Brand Identity System", tags: ["Branding", "Design System"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-portfolio-template_23-2151032738.jpg", imageAlt: "Brand identity showcase"
|
||||
id: "1", title: "Enterprise AI Dashboard System", tags: ["AI Integration", "Design System"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-portfolio-template_23-2151032738.jpg", imageAlt: "Enterprise AI dashboard interface"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Enterprise Digital Platform", tags: ["Strategy", "Product Design"],
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-template-design_23-2150658923.jpg", imageAlt: "Enterprise platform design"
|
||||
id: "2", title: "Intelligent Analytics Platform", tags: ["Data Visualization", "Machine Learning"],
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-template-design_23-2150658923.jpg", imageAlt: "Analytics platform with AI predictions"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Campaign Strategy & Execution", tags: ["Marketing", "Creative Strategy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-working-laptop-restaurant_23-2147970881.jpg", imageAlt: "Campaign creative execution"
|
||||
id: "3", title: "Adaptive User Interface Suite", tags: ["Responsive Design", "Animation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-working-laptop-restaurant_23-2147970881.jpg", imageAlt: "Adaptive interface responsive design"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View All Work", href: "#" }]}
|
||||
buttons={[{ text: "View Full Portfolio", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="What Enterprise Leaders Say"
|
||||
description="Trusted by forward-thinking organizations to deliver strategic impact and measurable results"
|
||||
tag="Client Testimonials"
|
||||
title="Industry Leaders Trust Our Work"
|
||||
description="Recognized by forward-thinking organizations for delivering transformative AI-powered experiences and elegant design solutions"
|
||||
tag="Client Success Stories"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen, Chief Marketing Officer at TechCorp", date: "Date: 15 December 2024", title: "Elevated our brand positioning completely", quote: "The team at Studio transformed our brand narrative and market presence. Their strategic approach combined with exceptional design execution positioned us as the premium choice in our category.", tag: "Enterprise Client", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-executive_1098-768.jpg", avatarAlt: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-executive_1098-768.jpg", imageAlt: "Sarah Chen"
|
||||
id: "1", name: "Sarah Chen, Chief Innovation Officer at TechCorp", date: "Date: 15 December 2024", title: "Revolutionized our user experience", quote: "Flow AI's approach to intelligent design completely transformed how our users interact with our platform. The animations are buttery smooth, the AI feels natural, and adoption rates have skyrocketed.", tag: "Enterprise Client", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-executive_1098-768.jpg", avatarAlt: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-executive_1098-768.jpg", imageAlt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Rodriguez, Founder at InnovateLab", date: "Date: 20 November 2024", title: "A true partner in our growth", quote: "From initial strategy through final execution, Studio demonstrated exceptional clarity and professionalism. They understood our vision and delivered solutions that exceeded expectations.", tag: "Series B Startup", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", avatarAlt: "Michael Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", imageAlt: "Michael Rodriguez"
|
||||
id: "2", name: "Michael Rodriguez, Founder at InnovateLab", date: "Date: 20 November 2024", title: "Partner in technological evolution", quote: "From concept to launch, Flow AI demonstrated exceptional vision and technical excellence. Their understanding of both design and AI fundamentals is unparalleled.", tag: "Series B Startup", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", avatarAlt: "Michael Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", imageAlt: "Michael Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Jessica Williams, Director of Brand at GlobalCo", date: "Date: 05 November 2024", title: "Refined execution with strategic depth", quote: "Working with Studio was seamless. They brought both creative excellence and strategic thinking to every project. The results speak for themselves in our market performance.", tag: "Fortune 500", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg", avatarAlt: "Jessica Williams", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg", imageAlt: "Jessica Williams"
|
||||
id: "3", name: "Jessica Williams, VP of Product at GlobalCo", date: "Date: 05 November 2024", title: "Excellence in execution and innovation", quote: "Working with Flow AI was transformative. They brought both creative brilliance and technical depth to every aspect of our redesign. The results speak volumes.", tag: "Fortune 500", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg", avatarAlt: "Jessica Williams", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg", imageAlt: "Jessica Williams"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Park, CEO at StartupXYZ", date: "Date: 18 October 2024", title: "Investment in long-term brand value", quote: "Studio doesn't just create beautiful design—they create strategy that drives business results. Their work has been instrumental in our brand differentiation and investor presentations.", tag: "Growth Stage", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280722.jpg", avatarAlt: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280722.jpg", imageAlt: "David Park"
|
||||
id: "4", name: "David Park, CEO at StartupXYZ", date: "Date: 18 October 2024", title: "Catalyst for growth and differentiation", quote: "Flow AI didn't just create beautiful design—they engineered intelligent systems that drive business outcomes. Their work has been instrumental in our competitive positioning and investor success.", tag: "Growth Stage", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280722.jpg", avatarAlt: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280722.jpg", imageAlt: "David Park"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -150,25 +150,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Our Impact"
|
||||
description="Metrics that demonstrate the strategic value and measurable results of our work"
|
||||
tag="Performance"
|
||||
title="Measurable Impact"
|
||||
description="Quantified results demonstrating the strategic value and performance excellence of Flow AI solutions"
|
||||
tag="Performance Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "2.8x", title: "average ROI", description: "Client revenue growth following engagement", icon: Zap
|
||||
id: "1", value: "3.2x", title: "avg engagement boost", description: "User engagement increase following Flow AI implementation", icon: Zap
|
||||
},
|
||||
{
|
||||
id: "2", value: "150", title: "brands transformed", description: "Enterprise and mid-market organizations elevated", icon: TrendingUp
|
||||
id: "2", value: "85+", title: "enterprise partners", description: "Leading organizations transforming with AI-powered design", icon: TrendingUp
|
||||
},
|
||||
{
|
||||
id: "3", value: "18", title: "years expertise", description: "In brand strategy and premium design execution", icon: Award
|
||||
id: "3", value: "12+", title: "years expertise", description: "In AI design, premium interfaces, and innovative solutions", icon: Award
|
||||
},
|
||||
{
|
||||
id: "4", value: "47", title: "design awards", description: "Recognition for strategic excellence and execution", icon: Trophy
|
||||
id: "4", value: "42", title: "design awards", description: "Recognition for excellence in AI-driven design innovation", icon: Trophy
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -176,29 +176,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get Started"
|
||||
tag="Ready to Innovate"
|
||||
tagIcon={Mail}
|
||||
title="Let's Build Something Extraordinary"
|
||||
description="Strategic vision meets exceptional execution. Connect with our team to discuss how we can elevate your brand and drive measurable impact in your market."
|
||||
background={{ variant: "plain" }}
|
||||
title="Let's Create Something Extraordinary"
|
||||
description="Transform your vision into reality with intelligent design and cutting-edge AI integration. Connect with our team to discuss how Flow AI can elevate your product and drive meaningful impact."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Schedule a Consultation", href: "#" },
|
||||
{ text: "Explore Services", href: "services" }
|
||||
{ text: "Schedule a Strategy Session", href: "#" },
|
||||
{ text: "Explore Solutions", href: "services" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Studio"
|
||||
copyrightText="© 2025 Studio. All rights reserved."
|
||||
logoText="Flow AI"
|
||||
copyrightText="© 2025 Flow AI. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Work", items: [
|
||||
{ label: "Portfolio", href: "#" },
|
||||
{ label: "Featured Projects", href: "#" },
|
||||
{ label: "Case Studies", href: "#" },
|
||||
{ label: "Recent Projects", href: "work" }
|
||||
{ label: "Portfolio", href: "work" }
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user