Merge version_1 into main #1
313
src/app/page.tsx
313
src/app/page.tsx
@@ -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."
|
||||
|
||||
Reference in New Issue
Block a user