Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e9c100cff9 | |||
| b8a2293acd | |||
| 5b06368b97 | |||
| db8ee96dd5 | |||
| 32a7b44d33 |
122
src/app/page.tsx
122
src/app/page.tsx
@@ -28,7 +28,7 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Webild"
|
||||
brandName="Techy Shift Agency"
|
||||
navItems={[
|
||||
{ name: "Work", id: "features" },
|
||||
{ name: "Process", id: "about" },
|
||||
@@ -42,35 +42,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Creative Excellence Delivered"
|
||||
description="We craft compelling digital experiences that captivate audiences and drive meaningful business results. Your vision, amplified."
|
||||
title="Creative Marketing Excellence at Scale"
|
||||
description="We amplify brands through innovative marketing strategies, stunning design, and data-driven campaigns. Transform your vision into market leadership."
|
||||
background={{ variant: "glowing-orb" }}
|
||||
kpis={[
|
||||
{ value: "500+", label: "Projects Completed" },
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
{ value: "10x", label: "Average ROI Growth" }
|
||||
{ value: "250+", label: "Campaigns Launched" },
|
||||
{ value: "95%", label: "Client Retention" },
|
||||
{ value: "15x", label: "Average Revenue Growth" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Creative Agency"
|
||||
tag="Creative Marketing Agency"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Explore Our Work", href: "#features" },
|
||||
{ text: "Start Your Project", href: "#contact" }
|
||||
{ text: "Start Your Campaign", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-colleagues-debating-ideas-work_23-2149345249.jpg?_wi=1"
|
||||
imageAlt="Creative agency showcase"
|
||||
imageAlt="Marketing agency showcase"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="Why Choose Us"
|
||||
tag="Why Techy Shift"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
title="We transform bold ideas into stunning digital realities that inspire and engage"
|
||||
title="We blend cutting-edge technology with creative brilliance to launch brands into the stratosphere"
|
||||
buttons={[
|
||||
{ text: "Discover Our Approach", href: "#metric" }
|
||||
]}
|
||||
@@ -81,23 +81,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
title="Our Creative Process"
|
||||
description="From concept to launch, we follow a proven methodology designed to deliver exceptional results and exceed expectations"
|
||||
title="Our Marketing Framework"
|
||||
description="A proven methodology combining strategic insight, creative execution, and technology to deliver transformative results"
|
||||
tag="How We Work"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Discovery", title: "Strategy & Discovery", subtitle: "Understanding your vision and market", description: "We dive deep into your business, industry, and audience to create a strategic foundation that guides every creative decision and ensures alignment with your goals.", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office-relaxed-atmosphere_329181-12365.jpg", imageAlt: "Strategy and discovery phase", buttons: []
|
||||
tag: "Research", title: "Market Intelligence", subtitle: "Deep insights into your industry and audience", description: "We conduct comprehensive market research and competitive analysis to uncover opportunities and craft strategies that position your brand ahead of competition.", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office-relaxed-atmosphere_329181-12365.jpg", imageAlt: "Market research phase", buttons: []
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Creation", title: "Design & Development", subtitle: "Bringing ideas to life with precision", description: "Our talented team crafts visually stunning designs and robust technical solutions that work seamlessly together to create experiences that captivate and convert.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1660.jpg", imageAlt: "Design and development phase", buttons: []
|
||||
tag: "Strategy", title: "Campaign Development", subtitle: "Creative campaigns that convert", description: "Our team crafts multi-channel marketing campaigns with compelling narratives, innovative visuals, and strategic messaging that resonate with your target audience and drive measurable results.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1660.jpg", imageAlt: "Strategy and development phase", buttons: []
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Delivery", title: "Launch & Optimize", subtitle: "Perfecting performance and impact", description: "We don't just launch—we analyze, optimize, and continuously refine your digital presence to ensure sustained growth and measurable success long after launch.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-examining-graphs-digital-tablet-while-planning-with-coworkers-desk-office_662251-126.jpg", imageAlt: "Launch and optimization phase", buttons: []
|
||||
tag: "Execution", title: "Launch & Amplify", subtitle: "Real-time optimization and scale", description: "We execute campaigns across all channels with precision, monitor performance in real-time, and continuously optimize for maximum impact and ROI growth.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-examining-graphs-digital-tablet-while-planning-with-coworkers-desk-office_662251-126.jpg", imageAlt: "Execution and optimization phase", buttons: []
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -107,16 +107,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
title="Our Impact"
|
||||
description="Proven results that speak to our commitment to excellence and client success"
|
||||
tag="Results Matter"
|
||||
title="Our Performance"
|
||||
description="Measurable outcomes that demonstrate our commitment to excellence and client success"
|
||||
tag="Results That Matter"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", value: "500", title: "Projects", description: "Successfully completed across diverse industries", icon: Briefcase },
|
||||
{ id: "2", value: "98", title: "%", description: "Client satisfaction and retention rate", icon: Heart },
|
||||
{ id: "3", value: "10", title: "x", description: "Average ROI improvement for clients", icon: TrendingUp },
|
||||
{ id: "4", value: "24", title: "Hours", description: "Average response time for support", icon: Clock }
|
||||
{ id: "1", value: "250", title: "Campaigns", description: "Successfully executed across all industries and markets", icon: Briefcase },
|
||||
{ id: "2", value: "95", title: "%", description: "Client retention and satisfaction rating", icon: Heart },
|
||||
{ id: "3", value: "15", title: "x", description: "Average revenue growth for our clients", icon: TrendingUp },
|
||||
{ id: "4", value: "48", title: "Hrs", description: "Maximum turnaround on campaign insights", icon: Clock }
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
@@ -127,29 +127,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
title="Loved by Industry Leaders"
|
||||
description="See why forward-thinking companies trust us with their most important digital projects"
|
||||
tag="Testimonials"
|
||||
title="Trusted by Forward-Thinking Brands"
|
||||
description="Discover how leading companies transformed their market presence with our strategic marketing solutions"
|
||||
tag="Client Stories"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen, CEO of TechVision", date: "Date: 15 November 2024", title: "Transformed our entire digital presence", quote: "Working with Webild was a game-changer for our company. They understood our vision immediately and delivered a website that not only looks stunning but has increased our conversions by 250%. Their team is professional, creative, and genuinely invested in our success.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", avatarAlt: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg?_wi=1"
|
||||
id: "1", name: "Sarah Chen, CEO of TechVision", date: "Date: 15 November 2024", title: "Transformed our market position", quote: "Techy Shift didn't just execute our campaign—they reimagined our entire marketing strategy. The results speak for themselves: 300% increase in qualified leads within six months. Their data-driven approach combined with creative excellence is unmatched.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", avatarAlt: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Marcus Rodriguez, Founder of DesignStudio", date: "Date: 08 November 2024", title: "Beyond expectations on every level", quote: "The attention to detail and creative problem-solving from the Webild team exceeded our expectations. They didn't just build a website—they created a digital experience that perfectly captures our brand identity and resonates with our audience.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/woman-office-looking-camera-holding-tablet-hands_1262-20488.jpg", avatarAlt: "Marcus Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg?_wi=1"
|
||||
id: "2", name: "Marcus Rodriguez, Founder of DesignStudio", date: "Date: 08 November 2024", title: "Partnership that delivers results", quote: "From strategy to execution, Techy Shift demonstrated exceptional expertise. Our brand awareness increased by 400% and we've become the talk of the industry. They're not just agencies—they're strategic partners.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/woman-office-looking-camera-holding-tablet-hands_1262-20488.jpg", avatarAlt: "Marcus Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Watson, CMO of GrowthCorp", date: "Date: 02 November 2024", title: "Partners who truly care about results", quote: "What impressed us most was their commitment to understanding our business goals before diving into design. The strategic approach led to a website that drives real business value. Highly recommend them to any company serious about digital excellence.", tag: "Enterprise", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg", avatarAlt: "Emily Watson", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg?_wi=1"
|
||||
id: "3", name: "Emily Watson, CMO of GrowthCorp", date: "Date: 02 November 2024", title: "ROI that exceeded expectations", quote: "We partnered with Techy Shift to overhaul our digital marketing efforts. The strategy they developed generated a 12x ROI in the first year alone. Their combination of creativity and analytics is remarkable.", tag: "Enterprise", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg", avatarAlt: "Emily Watson", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
id: "4", name: "James Liu, Director of Innovation Labs", date: "Date: 25 October 2024", title: "Exceptional creativity and execution", quote: "From initial concept through final launch, the Webild team delivered exceptional work. Their creative vision combined with technical expertise resulted in a platform that our team and clients absolutely love. Can't wait to work together again.", tag: "Technology", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", avatarAlt: "James Liu", imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg?_wi=2"
|
||||
id: "4", name: "James Liu, Director of Innovation Labs", date: "Date: 25 October 2024", title: "Innovation meets execution", quote: "Techy Shift brought innovative thinking to our brand. Their campaigns were not only visually stunning but strategically brilliant. We've never seen customer engagement at these levels before.", tag: "Technology", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", avatarAlt: "James Liu", imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg?_wi=2"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Priya Sharma, VP Product at InnovateTech", date: "Date: 18 October 2024", title: "True digital transformation partners", quote: "The Webild team didn't just deliver a project—they became strategic partners in our digital transformation journey. Their insights and recommendations helped us avoid common pitfalls and achieve exceptional results that we're incredibly proud of.", tag: "Product", avatarSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", avatarAlt: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg?_wi=2"
|
||||
id: "5", name: "Priya Sharma, VP Product at InnovateTech", date: "Date: 18 October 2024", title: "Marketing that moves markets", quote: "When we needed to launch a new product line, we trusted Techy Shift with the campaign. Their strategic brilliance and creative execution resulted in record-breaking sales and unprecedented market penetration.", tag: "Product", avatarSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", avatarAlt: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg?_wi=2"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Alexandra Petrov, Head of Design at BrandCo", date: "Date: 11 October 2024", title: "Creativity meets strategy seamlessly", quote: "Collaborating with Webild was refreshing. They balanced creative ambition with strategic thinking, resulting in a design that's both beautiful and effective. Our analytics show measurable improvements across all key metrics since launch.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-with-tablet-side-view_23-2149442245.jpg", avatarAlt: "Alexandra Petrov", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg?_wi=2"
|
||||
id: "6", name: "Alexandra Petrov, Head of Design at BrandCo", date: "Date: 11 October 2024", title: "Design and strategy in harmony", quote: "Techy Shift balanced ambitious creative vision with grounded strategic thinking. The campaigns were beautiful AND effective—a rare combination. Our brand has never been stronger.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-with-tablet-side-view_23-2149442245.jpg", avatarAlt: "Alexandra Petrov", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg?_wi=2"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -159,45 +159,45 @@ export default function LandingPage() {
|
||||
|
||||
<div id="work-process" data-section="work-process">
|
||||
<FeatureCardTen
|
||||
title="Comprehensive Services"
|
||||
description="End-to-end creative solutions tailored to elevate your brand and drive digital success"
|
||||
tag="What We Offer"
|
||||
title="Complete Marketing Solutions"
|
||||
description="End-to-end services designed to elevate your brand and dominate your market"
|
||||
tag="Our Offerings"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Brand Strategy", description: "We develop comprehensive brand strategies that establish a strong market position and create meaningful connections with your target audience.", media: { imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg?_wi=3" },
|
||||
id: "1", title: "Brand Strategy & Positioning", description: "We craft comprehensive brand strategies that establish dominance in your market and create lasting emotional connections with your audience.", media: { imageSrc: "http://img.b2bpic.net/free-psd/business-strategy-landing-page-template_23-2150027245.jpg?_wi=3" },
|
||||
items: [
|
||||
{ icon: Target, text: "Market positioning and analysis" },
|
||||
{ icon: Users, text: "Audience research and insights" },
|
||||
{ icon: Zap, text: "Brand messaging and voice" }
|
||||
{ icon: Target, text: "Market positioning and competitive analysis" },
|
||||
{ icon: Users, text: "Audience segmentation and behavior research" },
|
||||
{ icon: Zap, text: "Brand messaging and positioning framework" }
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "2", title: "Web Design & Development", description: "Custom websites and applications built with cutting-edge technology and stunning design that convert visitors into loyal customers.", media: { imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg?_wi=3" },
|
||||
id: "2", title: "Digital Marketing Campaigns", description: "Multi-channel campaigns that amplify your message and drive unprecedented engagement across all digital touchpoints.", media: { imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg?_wi=3" },
|
||||
items: [
|
||||
{ icon: Code, text: "Responsive web development" },
|
||||
{ icon: Layout, text: "UI/UX design excellence" },
|
||||
{ icon: Zap, text: "Performance optimization" }
|
||||
{ icon: Code, text: "SEO and content marketing mastery" },
|
||||
{ icon: Layout, text: "Social media strategy and execution" },
|
||||
{ icon: Zap, text: "Paid advertising optimization" }
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "3", title: "Digital Marketing", description: "Strategic digital marketing campaigns that increase visibility, engagement, and measurable ROI across all channels.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg?_wi=3" },
|
||||
id: "3", title: "Creative Production", description: "Stunning visual content that captures attention and communicates your brand story with impact and authenticity.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg?_wi=3" },
|
||||
items: [
|
||||
{ icon: TrendingUp, text: "SEO and content strategy" },
|
||||
{ icon: Megaphone, text: "Social media campaigns" },
|
||||
{ icon: BarChart3, text: "Analytics and reporting" }
|
||||
{ icon: TrendingUp, text: "Video and animation production" },
|
||||
{ icon: Megaphone, text: "Photography and visual design" },
|
||||
{ icon: BarChart3, text: "Interactive content and experiences" }
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "4", title: "Creative Direction", description: "Visionary creative direction that brings your brand story to life through compelling visual narratives and immersive experiences.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-debating-ideas-work_23-2149345249.jpg?_wi=2" },
|
||||
id: "4", title: "Performance Analytics & Optimization", description: "Data-driven insights and continuous optimization to maximize ROI and ensure every campaign performs at peak efficiency.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-debating-ideas-work_23-2149345249.jpg?_wi=2" },
|
||||
items: [
|
||||
{ icon: Palette, text: "Visual identity design" },
|
||||
{ icon: Film, text: "Video and animation" },
|
||||
{ icon: Sparkles, text: "Brand experience design" }
|
||||
{ icon: Palette, text: "Advanced analytics and reporting" },
|
||||
{ icon: Film, text: "A/B testing and conversion optimization" },
|
||||
{ icon: Sparkles, text: "Continuous improvement and scaling" }
|
||||
],
|
||||
reverse: true
|
||||
}
|
||||
@@ -210,11 +210,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to elevate your digital presence and create something extraordinary? Let's partner together to bring your vision to life and achieve exceptional results."
|
||||
text="Ready to launch your brand into the stratosphere? Let's partner together to create marketing campaigns that captivate, convert, and dominate your market."
|
||||
animationType="reveal-blur"
|
||||
buttons={[
|
||||
{ text: "Start Your Project", href: "mailto:hello@webild.io?subject=Project%20Inquiry" },
|
||||
{ text: "Schedule Consultation", href: "https://calendar.app/webild" }
|
||||
{ text: "Start Your Campaign", href: "mailto:hello@techyshift.io?subject=Campaign%20Inquiry" },
|
||||
{ text: "Schedule Strategy Call", href: "https://calendar.app/techyshift" }
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -223,16 +223,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Webild"
|
||||
copyrightText="© 2025 Webild Creative Agency. All rights reserved."
|
||||
logoText="Techy Shift Agency"
|
||||
copyrightText="© 2025 Techy Shift Creative Marketing Agency. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Twitter, href: "https://twitter.com/webild", ariaLabel: "Follow us on Twitter" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com/company/webild", ariaLabel: "Follow us on LinkedIn" },
|
||||
{ icon: Instagram, href: "https://instagram.com/webild", ariaLabel: "Follow us on Instagram" },
|
||||
{ icon: Github, href: "https://github.com/webild", ariaLabel: "Visit our GitHub" }
|
||||
{ icon: Twitter, href: "https://twitter.com/techyshift", ariaLabel: "Follow us on Twitter" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com/company/techyshift", ariaLabel: "Follow us on LinkedIn" },
|
||||
{ icon: Instagram, href: "https://instagram.com/techyshift", ariaLabel: "Follow us on Instagram" },
|
||||
{ icon: Github, href: "https://github.com/techyshift", ariaLabel: "Visit our GitHub" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user