diff --git a/src/app/page.tsx b/src/app/page.tsx index 2510c42..b8802c3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -13,7 +13,7 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia import FaqBase from '@/components/sections/faq/FaqBase'; import ContactSplit from '@/components/sections/contact/ContactSplit'; import FooterCard from '@/components/sections/footer/FooterCard'; -import { Award, Chart, Code, HelpCircle, Mail, MessageCircle, Rocket, Shield, Sparkles, Zap, Github, Twitter, Linkedin, Globe, Users } from 'lucide-react'; +import { Award, Code, HelpCircle, Mail, MessageCircle, Rocket, Shield, Sparkles, Zap, Github, Twitter, Linkedin, Globe, Users } from 'lucide-react'; export default function LandingPage() { return ( @@ -75,7 +75,7 @@ export default function LandingPage() { useInvertedBackground={true} tag="Why eXcellence & eXecution" tagIcon={Sparkles} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AuCEH4nBzqiG0SvbipcRftZg85/professional-code-editor-interface-with--1773433032757-194f1d98.png" imageAlt="Advanced code editor with real-time preview" mediaAnimation="blur-reveal" @@ -90,7 +90,7 @@ export default function LandingPage() { description="Every feature engineered for maximum developer efficiency and scalability. From component customization to deployment, we've got you covered." tag="Platform Capabilities" tagIcon={Zap} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" features={[ { id: "feature-unlimited", title: "Unlimited Customization", author: "Design System", description: "Full control over every pixel. CSS-in-JS, Tailwind integration, and custom theming give you complete design freedom without constraints.", tags: ["CSS", "Design System", "Theming"], @@ -122,7 +122,7 @@ export default function LandingPage() { description="Choose the tools that match your development needs. Each tier unlocks capabilities designed to accelerate your workflow." tag="Component Showcase" tagIcon={Code} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" products={[ { id: "prod-starter", name: "Starter Kit", price: "Essential", variant: "Foundational", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AuCEH4nBzqiG0SvbipcRftZg85/sleek-product-card-featuring-starter-pla-1773433031662-c6b04568.png", imageAlt: "Starter product card" @@ -152,7 +152,7 @@ export default function LandingPage() { description="No hidden fees. Scale as you grow. Plans designed for teams of any size." tag="Pricing Plans" tagIcon={Rocket} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" plans={[ { id: "plan-starter", badge: "For Developers", badgeIcon: Code, @@ -194,8 +194,8 @@ export default function LandingPage() { title="Industry-Leading Performance" description="Trusted by thousands of developers worldwide. Our platform powers high-performance applications at scale." tag="Performance Stats" - tagIcon={Chart} - tagAnimation="entrance-slide" + tagIcon={Zap} + tagAnimation="blur-reveal" metrics={[ { id: "metric-users", value: "50K+", title: "Active Developers", description: "Building on our platform", icon: Users @@ -230,7 +230,7 @@ export default function LandingPage() { description="Join development teams who chose eXcellence & eXecution for production-grade performance." tag="Partner Ecosystem" tagIcon={Award} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" names={[ "TechCorp", "DevStudio", "CloudScale", "ByteForce", "CodeVision", "PixelDev", "VelocityLabs", "NexusAI" ]} @@ -248,7 +248,7 @@ export default function LandingPage() { description="See what industry leaders and innovators are building with our platform." tag="Customer Stories" tagIcon={Sparkles} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" testimonials={[ { id: "test-1", name: "Alex Chen", role: "Lead Developer", company: "TechVentures Inc", rating: 5, @@ -290,7 +290,7 @@ export default function LandingPage() { description="Get answers to common questions about our platform, features, and pricing." tag="FAQ" tagIcon={HelpCircle} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" faqs={[ { id: "faq-1", title: "How do I get started with eXcellence & eXecution?", content: "Getting started is simple. Sign up for a free account, explore our documentation, and follow our quick-start guide. You'll be building in minutes. We also offer 1-on-1 onboarding for enterprise customers." @@ -326,7 +326,7 @@ export default function LandingPage() { title="Join Thousands of Developers" description="Get early access to new features, insider tips, and exclusive resources. Sign up for our developer newsletter." tagIcon={Mail} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" background={{ variant: "radial-gradient" }} useInvertedBackground={true} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AuCEH4nBzqiG0SvbipcRftZg85/modern-newsletter-signup-interface-with--1773433032770-32daf251.png"