Merge version_1 into main #2
@@ -40,7 +40,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -64,7 +64,7 @@ export default function LandingPage() {
|
||||
<HeroSplitKpi
|
||||
title="Design That Transforms Ideas Into Digital Excellence"
|
||||
description="We craft visually stunning, functionally perfect digital experiences that elevate brands and drive measurable results for forward-thinking companies."
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
kpis={[
|
||||
{ value: "150+", label: "Projects Delivered" },
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
@@ -73,13 +73,13 @@ export default function LandingPage() {
|
||||
enableKpiAnimation={true}
|
||||
tag="Award-Winning Creative Studio"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{ text: "View Our Work", href: "testimonials" },
|
||||
{ text: "Start a Project", href: "contact" },
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/a-stunning-modern-creative-agency-worksp-1772694460535-772df09c.png?_wi=1"
|
||||
buttonAnimation="blur-reveal"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/a-stunning-modern-creative-agency-worksp-1772694460535-772df09c.png"
|
||||
imageAlt="Creative agency team collaborating on design projects"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
@@ -90,10 +90,10 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
tag="Our Mission"
|
||||
tagIcon={Target}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
title="We believe exceptional design is the intersection of strategy, creativity, and technical excellence that creates lasting impact for our clients and their audiences."
|
||||
buttons={[{ text: "Learn Our Story", href: "#" }]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,14 +104,14 @@ export default function LandingPage() {
|
||||
description="From concept to launch, we follow a proven methodology that ensures your vision comes to life with precision and creativity."
|
||||
tag="How We Work"
|
||||
tagIcon={Lightbulb}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Discovery", title: "Strategy & Insights", subtitle: "Understanding your vision and market landscape.", description: "We conduct comprehensive research and strategy sessions to deeply understand your brand, target audience, and competitive landscape. Our discovery phase ensures every design decision is rooted in data and purpose.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/professional-strategy-meeting-visualizat-1772694459654-8835429d.png?_wi=1", imageAlt: "Strategy and planning session"},
|
||||
tag: "Discovery", title: "Strategy & Insights", subtitle: "Understanding your vision and market landscape.", description: "We conduct comprehensive research and strategy sessions to deeply understand your brand, target audience, and competitive landscape. Our discovery phase ensures every design decision is rooted in data and purpose.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/professional-strategy-meeting-visualizat-1772694459654-8835429d.png", imageAlt: "Strategy and planning session"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Creation", title: "Design & Refinement", subtitle: "Crafting beautiful, user-centered designs.", description: "Our designers create stunning visual concepts that balance aesthetics with functionality. We iterate based on feedback, ensuring the final design exceeds expectations and resonates with your audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/creative-design-studio-with-designer-wor-1772694461076-8d04ccc0.png?_wi=1", imageAlt: "Design and creative development"},
|
||||
tag: "Creation", title: "Design & Refinement", subtitle: "Crafting beautiful, user-centered designs.", description: "Our designers create stunning visual concepts that balance aesthetics with functionality. We iterate based on feedback, ensuring the final design exceeds expectations and resonates with your audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/creative-design-studio-with-designer-wor-1772694461076-8d04ccc0.png", imageAlt: "Design and creative development"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Building", title: "Development & Integration", subtitle: "Bringing designs to life with code.", description: "Our expert developers transform designs into fully functional, performant digital products. We focus on clean code, seamless integration, and optimization for all platforms.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/professional-web-development-workspace-s-1772694460616-93279670.png", imageAlt: "Web development and coding"},
|
||||
@@ -122,7 +122,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Start Your Journey", href: "contact" }]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -132,7 +132,7 @@ export default function LandingPage() {
|
||||
description="Proven results that speak to our expertise and commitment to client success."
|
||||
tag="Performance Metrics"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "150", title: "Projects", description: "Successfully delivered across diverse industries", icon: Briefcase,
|
||||
@@ -160,7 +160,7 @@ export default function LandingPage() {
|
||||
description="Hear directly from industry leaders who've experienced our creative excellence and strategic approach."
|
||||
tag="Client Testimonials"
|
||||
tagIcon={MessageSquare}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson, CEO of InnovateTech", date: "Date: November 2024", title: "Transformed Our Digital Presence Completely", quote: "CreativeStudio didn't just design a website—they transformed our entire digital strategy. Their team understood our vision immediately and delivered results that exceeded our expectations. Our conversion rates increased by 156% within the first three months.", tag: "Product Strategy", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/professional-portrait-of-successful-fema-1772694459776-3be0a6fa.png", avatarAlt: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/professional-portrait-of-successful-fema-1772694459776-3be0a6fa.png", imageAlt: "CEO testimonial"},
|
||||
@@ -186,11 +186,11 @@ export default function LandingPage() {
|
||||
description="End-to-end creative solutions that cover every aspect of your digital presence."
|
||||
tag="Our Expertise"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Web Design & Development", description: "Custom websites that blend stunning aesthetics with seamless functionality, optimized for performance and user engagement across all devices.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/a-stunning-modern-creative-agency-worksp-1772694460535-772df09c.png?_wi=2"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/a-stunning-modern-creative-agency-worksp-1772694460535-772df09c.png"},
|
||||
items: [
|
||||
{ icon: Layout, text: "Responsive design for all devices" },
|
||||
{ icon: Zap, text: "High-performance optimization" },
|
||||
@@ -200,7 +200,7 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "2", title: "Brand Identity & Strategy", description: "Comprehensive branding solutions that define your market position, visual identity, and messaging strategy for lasting competitive advantage.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/creative-design-studio-with-designer-wor-1772694461076-8d04ccc0.png?_wi=2"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/creative-design-studio-with-designer-wor-1772694461076-8d04ccc0.png"},
|
||||
items: [
|
||||
{ icon: Target, text: "Strategic brand positioning" },
|
||||
{ icon: Palette, text: "Visual identity systems" },
|
||||
@@ -210,7 +210,7 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "3", title: "Digital Marketing & Growth", description: "Data-driven digital marketing strategies that increase visibility, engagement, and conversions across all digital channels and platforms.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/professional-strategy-meeting-visualizat-1772694459654-8835429d.png?_wi=2"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3DcgmrhVJjuwNPwKNFLPYU9l/professional-strategy-meeting-visualizat-1772694459654-8835429d.png"},
|
||||
items: [
|
||||
{ icon: TrendingUp, text: "SEO and content strategy" },
|
||||
{ icon: MessageSquare, text: "Social media management" },
|
||||
@@ -223,7 +223,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Explore Services", href: "contact" }]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -235,7 +235,7 @@ export default function LandingPage() {
|
||||
{ text: "Start Your Project", href: "#" },
|
||||
{ text: "Schedule a Consultation", href: "#" },
|
||||
]}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -254,4 +254,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user