Update src/app/page.tsx
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user