Update src/app/page.tsx

This commit is contained in:
2026-03-10 06:09:57 +00:00
parent ebd5bf97f0
commit bc22754da6

View File

@@ -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"
/>
</div>
@@ -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"
/>
</div>
@@ -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"
/>
</div>