diff --git a/src/app/page.tsx b/src/app/page.tsx index 035f74b..c8bb89a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -47,17 +47,17 @@ export default function LandingPage() { background={{ variant: "radial-gradient" }} tag="Custom Creations" tagIcon={Sparkles} - tagAnimation="text-stagger" + tagAnimation="elastic-effect" buttons={[ { text: "Explore Products", href: "#products" }, { text: "Design Your Own", href: "#contact" } ]} - buttonAnimation="hover-magnetic" + buttonAnimation="elastic-effect" mediaItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/various-animal-toy-figures-with-boxes-colorful-background_53876-31936.jpg", imageAlt: "Modern 3D printer creating an object" }, { imageSrc: "http://img.b2bpic.net/free-photo/still-life-small-decorative-objects-with-vivid-colors_23-2149732956.jpg", imageAlt: "Collection of diverse 3D printed custom products" } ]} - mediaAnimation="text-stagger" + mediaAnimation="elastic-effect" rating={5} ratingText="4.9/5 from 1,000+ happy customers" useInvertedBackground={false} @@ -78,7 +78,7 @@ export default function LandingPage() { title="Why Choose PrintCraft Co.?" description="Experience unparalleled quality, customization, and customer service. We're dedicated to making your 3D printing journey seamless and inspiring." tag="Our Expertise" - tagAnimation="text-stagger" + tagAnimation="elastic-effect" textboxLayout="default" useInvertedBackground={false} features={[ @@ -95,7 +95,7 @@ export default function LandingPage() { title="Our Bestselling 3D Creations" description="Discover a range of our most popular 3D printed products, from intricate decor to personalized gadgets, all ready for customization." tag="Shop Now" - tagAnimation="text-stagger" + tagAnimation="elastic-effect" textboxLayout="default" useInvertedBackground={true} products={[ @@ -116,7 +116,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} tag="Flexible Options" - tagAnimation="text-stagger" + tagAnimation="elastic-effect" plans={[ { id: "basic", tag: "Starter", tagIcon: Sparkles, price: "$99", period: "one-time", description: "Ideal for small projects and individual custom prints.", button: { text: "Start Printing" }, featuresTitle: "Includes:", features: ["Up to 100g of material", "Standard resolution", "Basic design review", "7-day delivery"] }, { id: "pro", tag: "Popular", tagIcon: Zap, price: "$299", period: "one-time", description: "Best for complex designs and multiple product prototypes.", button: { text: "Get Pro Plan" }, featuresTitle: "Includes:", features: ["Up to 500g of material", "High resolution print", "Advanced design support", "5-day priority delivery", "Material consultation"] }, @@ -135,8 +135,8 @@ export default function LandingPage() { { src: "http://img.b2bpic.net/free-photo/excited-young-handsome-guy-wearing-red-shirt-glasses-showing-yes-gesture-isolated-green-wall_141793-83642.jpg", alt: "Sarah P." }, { src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19610.jpg", alt: "David C." } ]} - ratingAnimation="text-stagger" - avatarsAnimation="text-stagger" + ratingAnimation="elastic-effect" + avatarsAnimation="elastic-effect" useInvertedBackground={true} /> @@ -149,13 +149,13 @@ export default function LandingPage() { ]} imageSrc="http://img.b2bpic.net/free-photo/production-business-plan-meeting_53876-94905.jpg" imageAlt="Person examining a 3D printed object with a design on screen" - mediaAnimation="text-stagger" + mediaAnimation="elastic-effect" mediaPosition="right" title="Frequently Asked Questions" description="Find answers to common questions about our 3D printing services, customization options, and ordering process." tag="Need Help?" - tagAnimation="text-stagger" - faqsAnimation="text-stagger" + tagAnimation="elastic-effect" + faqsAnimation="elastic-effect" textboxLayout="default" useInvertedBackground={false} /> @@ -165,7 +165,7 @@ export default function LandingPage() { tag="Get in Touch" title="Start Your Custom Project" description="Ready to bring your ideas to life? Contact us today to discuss your 3D printing and customization needs." - tagAnimation="text-stagger" + tagAnimation="elastic-effect" background={{ variant: "animated-grid" }} useInvertedBackground={true} inputPlaceholder="Your email address"