bender/ecc616b9-c4d9-4a7c-91c1-d70d22e5ee05
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-25 05:21:37 +00:00
parent a5caddc443
commit fc9fa88a10
1 changed files with 46 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

313
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "iPhones",
id: "products",
},
{
name: "Pricing",
id: "pricing",
},
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "iPhones", id: "products" },
{ name: "Pricing", id: "pricing" },
]}
brandName="iFlex Installments"
/>
@@ -55,42 +43,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Upgrade Your Tech Today"
description="Own the latest iPhone with flexible monthly installments. Simple, fast, and transparent."
buttons={[
{
text: "View Available iPhones",
href: "#products",
},
]}
buttons={[{ text: "View Available iPhones", href: "#products" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489795.jpg",
imageAlt: "iPhone 15 Pro Studio Shot",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255146.jpg",
imageAlt: "3D Abstract Phone Render",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-data-center-using-mockup-laptop-integrating-green-technologies_482257-120796.jpg",
imageAlt: "Modern Display Focus",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/phone-16-pro-max-gold-mockup_187299-45926.jpg",
imageAlt: "Futuristic Phone Profile",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898152.jpg",
imageAlt: "Glassmorphism UI Overlay",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105504.jpg",
imageAlt: "Abstract Tech Hardware",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489795.jpg", imageAlt: "iPhone 15 Pro Studio Shot" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255146.jpg", imageAlt: "3D Abstract Phone Render" },
{ imageSrc: "http://img.b2bpic.net/free-photo/coworkers-data-center-using-mockup-laptop-integrating-green-technologies_482257-120796.jpg", imageAlt: "Modern Display Focus" },
{ imageSrc: "http://img.b2bpic.net/free-photo/phone-16-pro-max-gold-mockup_187299-45926.jpg", imageAlt: "Futuristic Phone Profile" },
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898152.jpg", imageAlt: "Glassmorphism UI Overlay" },
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105504.jpg", imageAlt: "Abstract Tech Hardware" },
]}
/>
</div>
@@ -99,12 +62,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Technology Accessible to Everyone"
buttons={[
{
text: "How it works",
href: "#faq",
},
]}
buttons={[{ text: "How it works", href: "#faq" }]}
/>
</div>
@@ -113,24 +71,8 @@ export default function LandingPage() {
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"No hidden hidden fees",
"No complex paperwork",
"No long waiting times",
"No credit check impact",
"No prepayment penalties",
],
}}
positiveCard={{
items: [
"Instant approval process",
"0% interest options",
"Genuine Apple products",
"Secure encrypted payments",
"Instant digital activation",
],
}}
negativeCard={{ items: ["No hidden fees", "No complex paperwork", "No long waiting times", "No credit check impact", "No prepayment penalties"] }}
positiveCard={{ items: ["Instant approval process", "0% interest options", "Genuine Apple products", "Secure encrypted payments", "Instant digital activation"] }}
title="Why Choose Our Installment Plans?"
description="We believe in transparency and financial flexibility."
/>
@@ -143,42 +85,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "iPhone 15 Pro",
price: "$999",
imageSrc: "http://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg",
},
{
id: "2",
name: "iPhone 15",
price: "$799",
imageSrc: "http://img.b2bpic.net/free-photo/golden-phone-rendering-black-background_187299-46588.jpg",
},
{
id: "3",
name: "iPhone 14 Pro",
price: "$899",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-illuminated-against-black-background_187299-46907.jpg",
},
{
id: "4",
name: "iPhone 14",
price: "$699",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chair-with-copy-space-spotlight_23-2148730877.jpg",
},
{
id: "5",
name: "iPhone 13 Pro",
price: "$799",
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-clay-phone-16-pro-max_187299-45928.jpg",
},
{
id: "6",
name: "iPhone SE",
price: "$429",
imageSrc: "http://img.b2bpic.net/free-photo/social-media-still-life-with-phone_23-2149019153.jpg",
},
{ id: "1", name: "iPhone 15 Pro", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg" },
{ id: "2", name: "iPhone 15", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/golden-phone-rendering-black-background_187299-46588.jpg" },
{ id: "3", name: "iPhone 14 Pro", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-illuminated-against-black-background_187299-46907.jpg" },
{ id: "4", name: "iPhone 14", price: "$699", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chair-with-copy-space-spotlight_23-2148730877.jpg" },
{ id: "5", name: "iPhone 13 Pro", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-clay-phone-16-pro-max_187299-45928.jpg" },
{ id: "6", name: "iPhone SE", price: "$429", imageSrc: "http://img.b2bpic.net/free-photo/social-media-still-life-with-phone_23-2149019153.jpg" },
]}
title="Available iPhone Models"
description="Select from our latest collection of premium smartphones."
@@ -187,56 +99,21 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "p1",
tag: "Popular",
price: "$45",
period: "/mo",
description: "12-month installment term.",
button: {
text: "Apply Now",
},
featuresTitle: "Plan Details",
features: [
"0% Interest",
"AppleCare+ eligible",
"Fast dispatch",
],
id: "p1", tag: "Popular", price: "$45", period: "/mo", description: "12-month installment term.", button: { text: "Apply Now" },
featuresTitle: "Plan Details", features: ["0% Interest", "AppleCare+ eligible", "Fast dispatch"],
},
{
id: "p2",
tag: "Best Value",
price: "$30",
period: "/mo",
description: "18-month installment term.",
button: {
text: "Apply Now",
},
featuresTitle: "Plan Details",
features: [
"Low interest rate",
"Flexible payments",
"Extended warranty",
],
id: "p2", tag: "Best Value", price: "$30", period: "/mo", description: "18-month installment term.", button: { text: "Apply Now" },
featuresTitle: "Plan Details", features: ["Low interest rate", "Flexible payments", "Extended warranty"],
},
{
id: "p3",
tag: "Budget",
price: "$25",
period: "/mo",
description: "24-month installment term.",
button: {
text: "Apply Now",
},
featuresTitle: "Plan Details",
features: [
"Lowest monthly cost",
"Easy approval",
"Member support",
],
id: "p3", tag: "Budget", price: "$25", period: "/mo", description: "24-month installment term.", button: { text: "Apply Now" },
featuresTitle: "Plan Details", features: ["Lowest monthly cost", "Easy approval", "Member support"],
},
]}
title="Simple Monthly Payment Plans"
@@ -250,27 +127,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "5,000+",
title: "Devices Delivered",
description: "Happy customers nationwide.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-techno-wave-background-design_1048-12577.jpg",
},
{
id: "m2",
value: "98%",
title: "Approval Rate",
description: "Fast and easy process.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg",
},
{
id: "m3",
value: "15+",
title: "Years Experience",
description: "Industry experts at your service.",
imageSrc: "http://img.b2bpic.net/free-photo/smile-emoji-front-side-with-white-background_187299-39980.jpg",
},
{ id: "m1", value: "5,000+", title: "Devices Delivered", description: "Happy customers nationwide.", imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-techno-wave-background-design_1048-12577.jpg" },
{ id: "m2", value: "98%", title: "Approval Rate", description: "Fast and easy process.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg" },
{ id: "m3", value: "15+", title: "Years Experience", description: "Industry experts at your service.", imageSrc: "http://img.b2bpic.net/free-photo/smile-emoji-front-side-with-white-background_187299-39980.jpg" },
]}
title="Our Impact"
description="Trusted by thousands across the country."
@@ -283,43 +142,14 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alice M.",
role: "Designer",
testimonial: "Got my iPhone in just two days! The installment process was effortless.",
imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-cheerful-extreme-young-blonde-stuntwoman-biker-wearing-white-tank-top-khaki-pants-sitting-floor-smiling-happily-holding-black-motorcycle-safety-helmet_343059-3288.jpg",
},
{
id: "t2",
name: "John D.",
role: "Student",
testimonial: "Perfect payment plans that fit my monthly budget. Extremely satisfied.",
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-businesswoman-with-arms-crossed-looking-forward-future_1163-4333.jpg",
},
{
id: "t3",
name: "Sarah P.",
role: "Manager",
testimonial: "Very professional and fast service. Will definitely come back.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg",
},
{
id: "t4",
name: "Mike B.",
role: "Developer",
testimonial: "The best place to buy tech on installment. No hidden charges.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg",
},
{
id: "t5",
name: "Emily C.",
role: "Freelancer",
testimonial: "Friendly support team and quick response time. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
},
{ id: "t1", name: "Alice M.", role: "Designer", testimonial: "Got my iPhone in just two days! The installment process was effortless.", imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-cheerful-extreme-young-blonde-stuntwoman-biker-wearing-white-tank-top-khaki-pants-sitting-floor-smiling-happily-holding-black-motorcycle-safety-helmet_343059-3288.jpg" },
{ id: "t2", name: "John D.", role: "Student", testimonial: "Perfect payment plans that fit my monthly budget. Extremely satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/ambitious-businesswoman-with-arms-crossed-looking-forward-future_1163-4333.jpg" },
{ id: "t3", name: "Sarah P.", role: "Manager", testimonial: "Very professional and fast service. Will definitely come back.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg" },
{ id: "t4", name: "Mike B.", role: "Developer", testimonial: "The best place to buy tech on installment. No hidden charges.", imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg" },
{ id: "t5", name: "Emily C.", role: "Freelancer", testimonial: "Friendly support team and quick response time. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg" },
]}
title="Hear From Our Happy Customers"
description="Our customers love our flexible payment options."
/>
</div>
@@ -328,31 +158,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What documents do I need?",
content: "Just your ID and a recent proof of income.",
},
{
id: "q2",
title: "Is the interest rate fixed?",
content: "Yes, our installment plans have fixed rates throughout the term.",
},
{
id: "q3",
title: "Can I pay off early?",
content: "Absolutely, there are no penalties for early repayment.",
},
{
id: "q4",
title: "Is shipping included?",
content: "Yes, free express shipping on all orders.",
},
{
id: "q5",
title: "Do I need a credit check?",
content: "A soft credit check may be performed but won't impact your score.",
},
{ id: "q1", title: "What documents do I need?", content: "Just your ID and a recent proof of income." },
{ id: "q2", title: "Is the interest rate fixed?", content: "Yes, our installment plans have fixed rates throughout the term." },
{ id: "q3", title: "Can I pay off early?", content: "Absolutely, there are no penalties for early repayment." },
{ id: "q4", title: "Is shipping included?", content: "Yes, free express shipping on all orders." },
{ id: "q5", title: "Do I need a credit check?", content: "A soft credit check may be performed but won't impact your score." },
]}
title="Frequently Asked Questions"
faqsAnimation="blur-reveal"
@@ -363,48 +173,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Ready to get your new iPhone?"
buttons={[
{
text: "Contact Us Now",
href: "mailto:support@iflex.com",
},
]}
buttons={[{ text: "Contact Us Now", href: "mailto:support@iflex.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
logoText="iFlex Installments"
copyrightText="© 2025 iFlex Installments Inc."