Update src/app/page.tsx
This commit is contained in:
266
src/app/page.tsx
266
src/app/page.tsx
@@ -32,135 +32,151 @@ export default function WebAgency2Page() {
|
||||
brandName="RedStudio"
|
||||
navItems={[
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Work", id: "/work" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Get Quote", href: "/contact" }}
|
||||
/>
|
||||
<HeroSplitDoubleCarousel
|
||||
title="We Engineer High-Growth Digital Assets"
|
||||
description="Stop settling for templates. We design, develop, and deploy enterprise-grade custom web solutions engineered specifically to accelerate your business growth."
|
||||
tag="Professional Web Development Agency"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Start Building", href: "/contact" },
|
||||
{ text: "Our Portfolio", href: "#work" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-headphones-working_23-2149370618.jpg", imageAlt: "Enterprise SaaS Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg?_wi=2", imageAlt: "Creative Agency Portfolio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel-template_23-2147904146.jpg", imageAlt: "FinTech Platform Interface" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835486.jpg", imageAlt: "E-commerce Storefront" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg", imageAlt: "SaaS Analytics Hub" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e54o81", imageAlt: "Interactive Product Catalog" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
<FeatureBento
|
||||
title="Core Capabilities"
|
||||
description="End-to-end web construction services from technical architecture to conversion-optimized UX."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
buttons={[{ text: "Explore Services", href: "#services" }]}
|
||||
buttonAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Performance Engineering", description: "Ultra-light codebases optimized for core web vitals and sub-second loading times.", bentoComponent: "marquee", centerIcon: Zap,
|
||||
variant: "text", texts: ["Next.js", "React", "TypeScript", "Node.js", "Tailwind", "Speed", "Caching", "Optimization"],
|
||||
},
|
||||
{
|
||||
title: "Conversion UX", description: "Strategic interface design that maps user behavior to business conversion goals.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749911.jpg", imageAlt: "UX Design Flow" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/keyboard-screen-modern-indoor-sit-analysis_1421-265.jpg", imageAlt: "Responsive Layout" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "Design System Component" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Technical SEO", description: "Search-engine friendly structure that captures high-intent traffic from day one.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg", imageAlt: "SEO Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "Analytics Report" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760994.jpg", imageAlt: "Traffic Growth Chart" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
title="Featured Deployments"
|
||||
description="See how we translate business logic into high-impact digital experiences."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View Full Catalog", href: "#work" }]}
|
||||
buttonAnimation="slide-up"
|
||||
cardClassName="!h-auto aspect-video"
|
||||
features={[
|
||||
{ title: "Nexus Enterprise", description: "High-load ERP system build", imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg", imageAlt: "Nexus Enterprise", buttonIcon: ArrowUpRight },
|
||||
{ title: "Vantage Market", description: "Global e-commerce infrastructure", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-experience_23-2151952992.jpg", imageAlt: "Vantage Market", buttonIcon: ArrowUpRight },
|
||||
{ title: "Aura Health", description: "Patient-facing booking engine", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336626.jpg", imageAlt: "Aura Health", buttonIcon: ArrowUpRight },
|
||||
{ title: "Streamline Logistics", description: "Supply chain tracking app", imageSrc: "http://img.b2bpic.net/free-photo/worker-checking-greenscreen-display_482257-86784.jpg", imageAlt: "Streamline", buttonIcon: ArrowUpRight },
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Choosing RedStudio was a defining moment for our startup. They didn't just build a website; they built a digital engine that handles our traffic load and converts visitors effectively."
|
||||
rating={5}
|
||||
author="— Elena Rostova, CTO at Nexus"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", alt: "Client" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="Scale with Confidence"
|
||||
description="We prioritize reliability and speed, delivering robust solutions that handle millions of requests without breaking a sweat."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "perf", value: "98/100", title: "Lighthouse Score", description: "Average performance optimization", icon: Zap },
|
||||
{ id: "uptime", value: "99.9%", title: "Server Uptime", description: "Reliable infrastructure delivery", icon: Shield },
|
||||
{ id: "leads", value: "300%", title: "Conv. Rate", description: "Average lead generation growth", icon: TrendingUp },
|
||||
]}
|
||||
/>
|
||||
<FaqBase
|
||||
title="Process & Logistics"
|
||||
description="Common questions about our end-to-end development methodology."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "How do we ensure project quality?", content: "We utilize a strict CI/CD pipeline, automated testing, and comprehensive peer reviews at every stage of development." },
|
||||
{ id: "2", title: "What happens after launch?", content: "We provide post-deployment monitoring, security patching, and ongoing performance tuning to ensure your site stays competitive." },
|
||||
{ id: "3", title: "Can you handle enterprise integrations?", content: "Yes, we specialize in connecting your front-end to existing CRM, ERP, and payment gateway infrastructure securely." },
|
||||
{ id: "4", title: "How does your pricing work?", content: "We work on a fixed-scope basis for smaller features and agile retainers for long-term development partnerships." },
|
||||
]}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Ready to Scale?"
|
||||
title="Architect Your Next Digital Venture"
|
||||
description="Engineering talent, design expertise, and strategy in one place. Let's discuss your project specs."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[{ text: "Book a Technical Consultation", href: "/contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterBase
|
||||
logoText="RedStudio"
|
||||
copyrightText="© 2026 | RedStudio Solutions"
|
||||
columns={[
|
||||
{ title: "Agency", items: [{ label: "Our Approach", href: "/about" }, { label: "Portfolio", href: "#work" }] },
|
||||
{ title: "Solutions", items: [{ label: "Full-stack Dev", href: "#" }, { label: "Cloud Infra", href: "#" }, { label: "SEO Audit", href: "#" }] },
|
||||
{ title: "Office", items: [{ label: "San Francisco", href: "#" }, { label: "London", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="We Engineer High-Growth Digital Assets"
|
||||
description="Stop settling for templates. We design, develop, and deploy enterprise-grade custom web solutions engineered specifically to accelerate your business growth."
|
||||
tag="Professional Web Development Agency"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Start Building", href: "/contact" },
|
||||
{ text: "Our Portfolio", href: "/work" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-headphones-working_23-2149370618.jpg", imageAlt: "Enterprise SaaS Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg?_wi=2", imageAlt: "Creative Agency Portfolio" },
|
||||
{ imageSrc: "http://img.b2bvector.net/free-vector/admin-dashboard-panel-template_23-2147904146.jpg", imageAlt: "FinTech Platform Interface" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835486.jpg", imageAlt: "E-commerce Storefront" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg", imageAlt: "SaaS Analytics Hub" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e54o81", imageAlt: "Interactive Product Catalog" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Core Capabilities"
|
||||
description="End-to-end web construction services from technical architecture to conversion-optimized UX."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
buttons={[{ text: "Explore Services", href: "/services" }]}
|
||||
buttonAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Performance Engineering", description: "Ultra-light codebases optimized for core web vitals and sub-second loading times.", bentoComponent: "marquee", centerIcon: Zap,
|
||||
variant: "text", texts: ["Next.js", "React", "TypeScript", "Node.js", "Tailwind", "Speed", "Caching", "Optimization"],
|
||||
},
|
||||
{
|
||||
title: "Conversion UX", description: "Strategic interface design that maps user behavior to business conversion goals.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749911.jpg", imageAlt: "UX Design Flow" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/keyboard-screen-modern-indoor-sit-analysis_1421-265.jpg", imageAlt: "Responsive Layout" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "Design System Component" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Technical SEO", description: "Search-engine friendly structure that captures high-intent traffic from day one.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg", imageAlt: "SEO Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "Analytics Report" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760994.jpg", imageAlt: "Traffic Growth Chart" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="work" data-section="work">
|
||||
<FeatureCardTwentySix
|
||||
title="Featured Deployments"
|
||||
description="See how we translate business logic into high-impact digital experiences."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View Full Catalog", href: "/work" }]}
|
||||
buttonAnimation="slide-up"
|
||||
cardClassName="!h-auto aspect-video"
|
||||
features={[
|
||||
{ title: "Nexus Enterprise", description: "High-load ERP system build", imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg", imageAlt: "Nexus Enterprise", buttonIcon: ArrowUpRight },
|
||||
{ title: "Vantage Market", description: "Global e-commerce infrastructure", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-experience_23-2151952992.jpg", imageAlt: "Vantage Market", buttonIcon: ArrowUpRight },
|
||||
{ title: "Aura Health", description: "Patient-facing booking engine", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336626.jpg", imageAlt: "Aura Health", buttonIcon: ArrowUpRight },
|
||||
{ title: "Streamline Logistics", description: "Supply chain tracking app", imageSrc: "http://img.b2bpic.net/free-photo/worker-checking-greenscreen-display_482257-86784.jpg", imageAlt: "Streamline", buttonIcon: ArrowUpRight },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Choosing RedStudio was a defining moment for our startup. They didn't just build a website; they built a digital engine that handles our traffic load and converts visitors effectively."
|
||||
rating={5}
|
||||
author="— Elena Rostova, CTO at Nexus"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", alt: "Client" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Scale with Confidence"
|
||||
description="We prioritize reliability and speed, delivering robust solutions that handle millions of requests without breaking a sweat."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "perf", value: "98/100", title: "Lighthouse Score", description: "Average performance optimization", icon: Zap },
|
||||
{ id: "uptime", value: "99.9%", title: "Server Uptime", description: "Reliable infrastructure delivery", icon: Shield },
|
||||
{ id: "leads", value: "300%", title: "Conv. Rate", description: "Average lead generation growth", icon: TrendingUp },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Process & Logistics"
|
||||
description="Common questions about our end-to-end development methodology."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "How do we ensure project quality?", content: "We utilize a strict CI/CD pipeline, automated testing, and comprehensive peer reviews at every stage of development." },
|
||||
{ id: "2", title: "What happens after launch?", content: "We provide post-deployment monitoring, security patching, and ongoing performance tuning to ensure your site stays competitive." },
|
||||
{ id: "3", title: "Can you handle enterprise integrations?", content: "Yes, we specialize in connecting your front-end to existing CRM, ERP, and payment gateway infrastructure securely." },
|
||||
{ id: "4", title: "How does your pricing work?", content: "We work on a fixed-scope basis for smaller features and agile retainers for long-term development partnerships." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
tag="Ready to Scale?"
|
||||
title="Architect Your Next Digital Venture"
|
||||
description="Engineering talent, design expertise, and strategy in one place. Let's discuss your project specs."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[{ text: "Book a Technical Consultation", href: "/contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="RedStudio"
|
||||
copyrightText="© 2026 | RedStudio Solutions"
|
||||
columns={[
|
||||
{ title: "Agency", items: [{ label: "Our Approach", href: "/about" }, { label: "Portfolio", href: "/work" }] },
|
||||
{ title: "Solutions", items: [{ label: "Full-stack Dev", href: "/services" }, { label: "Cloud Infra", href: "/services" }, { label: "SEO Audit", href: "/services" }] },
|
||||
{ title: "Office", items: [{ label: "San Francisco", href: "#" }, { label: "London", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user