From bc22754da68cd2f59454ebda419d7fb0f0b3fc7a Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 06:09:57 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 32 +++++++++++++++----------------- 1 file changed, 15 insertions(+), 17 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 0678395..409ef06 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="medium" sizing="largeSmallSizeMediumTitles" - background="aurora" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" @@ -47,16 +47,16 @@ export default function LandingPage() { tag="Instant Recharge" tagIcon={Zap} tagAnimation="slide-up" - background={{ variant: "aurora" }} + background={{ variant: "rotated-rays-animated-grid" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-banner-template_52683-6148.jpg?_wi=1", imageAlt: "Mobile recharge interface" + imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-banner-template_52683-6148.jpg", imageAlt: "Mobile recharge interface" }, { - imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page_23-2148549188.jpg?_wi=1", imageAlt: "Payment success" + imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page_23-2148549188.jpg", imageAlt: "Payment success" }, { - imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-banner-template_52683-6148.jpg?_wi=2", imageAlt: "Recharge options" + imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-banner-template_52683-6148.jpg", imageAlt: "Recharge options" } ]} buttons={[ @@ -66,8 +66,6 @@ export default function LandingPage() { buttonAnimation="slide-up" mediaAnimation="slide-up" className="py-20 md:py-32" - titleClassName="text-4xl md:text-6xl font-bold text-foreground" - descriptionClassName="text-lg md:text-xl text-foreground/80 max-w-2xl mx-auto" /> @@ -100,8 +98,8 @@ export default function LandingPage() { ]} buttonAnimation="slide-up" className="py-20 md:py-32" - titleClassName="text-3xl md:text-5xl font-semibold text-foreground" - descriptionClassName="text-base md:text-lg text-foreground/70" + cardTitleClassName="text-3xl md:text-5xl font-semibold text-foreground" + cardDescriptionClassName="text-base md:text-lg text-foreground/70" /> @@ -114,16 +112,16 @@ export default function LandingPage() { tagAnimation="slide-up" products={[ { - id: "pkg-500", name: "Quick Recharge 500", price: "Rs. 500", variant: "Prepaid Balance", imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page_23-2148549188.jpg?_wi=2", imageAlt: "500 rupees package" + id: "pkg-500", name: "Quick Recharge 500", price: "Rs. 500", variant: "Prepaid Balance", imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page_23-2148549188.jpg", imageAlt: "500 rupees package" }, { - id: "pkg-1000", name: "Standard Recharge 1000", price: "Rs. 1,000", variant: "Prepaid Balance", imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page_23-2148549188.jpg?_wi=3", imageAlt: "1000 rupees package" + id: "pkg-1000", name: "Standard Recharge 1000", price: "Rs. 1,000", variant: "Prepaid Balance", imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page_23-2148549188.jpg", imageAlt: "1000 rupees package" }, { - id: "pkg-2500", name: "Popular Recharge 2500", price: "Rs. 2,500", variant: "Prepaid Balance + Bonus", imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page_23-2148549188.jpg?_wi=4", imageAlt: "2500 rupees package" + id: "pkg-2500", name: "Popular Recharge 2500", price: "Rs. 2,500", variant: "Prepaid Balance + Bonus", imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page_23-2148549188.jpg", imageAlt: "2500 rupees package" }, { - id: "pkg-5000", name: "Premium Recharge 5000", price: "Rs. 5,000", variant: "Prepaid Balance + Benefits", imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page_23-2148549188.jpg?_wi=5", imageAlt: "5000 rupees package" + id: "pkg-5000", name: "Premium Recharge 5000", price: "Rs. 5,000", variant: "Prepaid Balance + Benefits", imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page_23-2148549188.jpg", imageAlt: "5000 rupees package" } ]} gridVariant="two-columns-alternating-heights" @@ -136,8 +134,8 @@ export default function LandingPage() { buttonAnimation="slide-up" carouselMode="buttons" className="py-20 md:py-32" - titleClassName="text-3xl md:text-5xl font-semibold text-foreground" - descriptionClassName="text-base md:text-lg text-foreground/70" + textBoxTitleClassName="text-3xl md:text-5xl font-semibold text-foreground" + textBoxDescriptionClassName="text-base md:text-lg text-foreground/70" cardNameClassName="font-semibold text-foreground text-lg" cardPriceClassName="text-2xl font-bold text-primary-cta" cardVariantClassName="text-sm text-foreground/60" @@ -187,8 +185,8 @@ export default function LandingPage() { buttonAnimation="slide-up" carouselMode="buttons" className="py-20 md:py-32" - titleClassName="text-3xl md:text-5xl font-semibold text-foreground" - descriptionClassName="text-base md:text-lg text-foreground/70" + textBoxTitleClassName="text-3xl md:text-5xl font-semibold text-foreground" + textBoxDescriptionClassName="text-base md:text-lg text-foreground/70" />