Merge version_1 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Support", id: "#faq"},
|
||||
]}
|
||||
brandName="Mobis"
|
||||
/>
|
||||
@@ -54,73 +46,46 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The Future, Reimagined."
|
||||
description="Experience the ultimate fusion of sleek design and cutting-edge performance. Our latest mobile line sets a new standard for modern innovation."
|
||||
kpis={[
|
||||
{
|
||||
value: "120Hz",
|
||||
label: "Pro Display",
|
||||
},
|
||||
value: "120Hz", label: "Pro Display"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "All-Day Battery",
|
||||
},
|
||||
value: "24h", label: "All-Day Battery"},
|
||||
{
|
||||
value: "5nm",
|
||||
label: "Neural Engine",
|
||||
},
|
||||
value: "5nm", label: "Neural Engine"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/night-workaholic_1098-13344.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/night-workaholic_1098-13344.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-studio-endorsing-smartphone-talking-professional-microphone_482257-128129.jpg",
|
||||
alt: "James",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-studio-endorsing-smartphone-talking-professional-microphone_482257-128129.jpg", alt: "James"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-focused-creative-curly-woman-makes-drawings-digital-tablet-uses-stylus-pen-wears-casual-sweatshirt-poses-againt-blurred-port-background-daytime-has-inspiration-draws-sketch_273609-59164.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-focused-creative-curly-woman-makes-drawings-digital-tablet-uses-stylus-pen-wears-casual-sweatshirt-poses-againt-blurred-port-background-daytime-has-inspiration-draws-sketch_273609-59164.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-executive-using-his-mobile-phone_1098-1225.jpg",
|
||||
alt: "Robert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-executive-using-his-mobile-phone_1098-1225.jpg", alt: "Robert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-curly-haired-woman-wears-sunglasses-green-jumper-uses-smartphone-gets-message-poses-against-urban-setting-searches-location-via-mobile-phone-application-street-chats-with-followers_273609-60571.jpg",
|
||||
alt: "Alice",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-curly-haired-woman-wears-sunglasses-green-jumper-uses-smartphone-gets-message-poses-against-urban-setting-searches-location-via-mobile-phone-application-street-chats-with-followers_273609-60571.jpg", alt: "Alice"},
|
||||
]}
|
||||
avatarText="Trusted by millions"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "5G Ready",
|
||||
type: "text", text: "5G Ready"},
|
||||
{
|
||||
type: "text-icon", text: "Pro Camera", icon: Camera,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Pro Camera",
|
||||
icon: Camera,
|
||||
type: "text", text: "Water Resistant"},
|
||||
{
|
||||
type: "text-icon", text: "Secure", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Water Resistant",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Charge",
|
||||
},
|
||||
type: "text", text: "Fast Charge"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,41 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mobi Pro X",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grapefruit-black-cloth_209303-115.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Mobi Pro X", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/grapefruit-black-cloth_209303-115.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mobi Lite 5",
|
||||
price: "$699",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762844.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Mobi Lite 5", price: "$699", imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762844.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mobi Ultra",
|
||||
price: "$1299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-themed-circuit-board-with-chip_23-2148284288.jpg",
|
||||
},
|
||||
id: "p3", name: "Mobi Ultra", price: "$1299", imageSrc: "http://img.b2bpic.net/free-photo/blue-themed-circuit-board-with-chip_23-2148284288.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mobi Base",
|
||||
price: "$599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4861.jpg",
|
||||
},
|
||||
id: "p4", name: "Mobi Base", price: "$599", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4861.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mobi Core",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722640.jpg",
|
||||
},
|
||||
id: "p5", name: "Mobi Core", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722640.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mobi Gold Ed.",
|
||||
price: "$1499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-papers-palm-trees-white-desk_23-2148128484.jpg",
|
||||
},
|
||||
id: "p6", name: "Mobi Gold Ed.", price: "$1499", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-papers-palm-trees-white-desk_23-2148128484.jpg"},
|
||||
]}
|
||||
title="Explore Our Lineup"
|
||||
description="Find the perfect smartphone to match your lifestyle."
|
||||
@@ -182,42 +123,24 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Ultra-Fast Connectivity",
|
||||
description: "Download movies in seconds with advanced 5G integration.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241222.jpg?_wi=1",
|
||||
},
|
||||
title: "Ultra-Fast Connectivity", description: "Download movies in seconds with advanced 5G integration.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241222.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-platform-near-train_23-2147953122.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg?_wi=2",
|
||||
imageAlt: "modern smartphone minimalist studio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-platform-near-train_23-2147953122.jpg"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Computational Photography",
|
||||
description: "Capture breathtaking photos with AI-powered camera systems.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-platform-near-train_23-2147953122.jpg?_wi=2",
|
||||
},
|
||||
title: "Computational Photography", description: "Capture breathtaking photos with AI-powered camera systems.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-platform-near-train_23-2147953122.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-chip-close-up_23-2151977495.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grapefruit-black-cloth_209303-115.jpg?_wi=2",
|
||||
imageAlt: "smartphone camera lens macro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-chip-close-up_23-2151977495.jpg"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Next-Gen AI Processor",
|
||||
description: "Experience lightning-fast speeds with our bespoke neural engine.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-chip-close-up_23-2151977495.jpg?_wi=2",
|
||||
},
|
||||
title: "Next-Gen AI Processor", description: "Experience lightning-fast speeds with our bespoke neural engine.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-chip-close-up_23-2151977495.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241222.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762844.jpg?_wi=2",
|
||||
imageAlt: "smartphone screen display",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241222.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -233,40 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_tech",
|
||||
testimonial: "The camera quality is absolutely unmatched. Best phone I've ever owned.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/night-workaholic_1098-13344.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@sarah_tech", testimonial: "The camera quality is absolutely unmatched. Best phone I've ever owned.", imageSrc: "http://img.b2bpic.net/free-photo/night-workaholic_1098-13344.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Lee",
|
||||
handle: "@lee_mobile",
|
||||
testimonial: "Blazing fast speeds and a stunning display. Worth every penny.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-studio-endorsing-smartphone-talking-professional-microphone_482257-128129.jpg",
|
||||
},
|
||||
id: "2", name: "James Lee", handle: "@lee_mobile", testimonial: "Blazing fast speeds and a stunning display. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/man-studio-endorsing-smartphone-talking-professional-microphone_482257-128129.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
handle: "@emily_creative",
|
||||
testimonial: "I use this phone for work and play. It never lags.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-creative-curly-woman-makes-drawings-digital-tablet-uses-stylus-pen-wears-casual-sweatshirt-poses-againt-blurred-port-background-daytime-has-inspiration-draws-sketch_273609-59164.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", handle: "@emily_creative", testimonial: "I use this phone for work and play. It never lags.", imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-creative-curly-woman-makes-drawings-digital-tablet-uses-stylus-pen-wears-casual-sweatshirt-poses-againt-blurred-port-background-daytime-has-inspiration-draws-sketch_273609-59164.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Smith",
|
||||
handle: "@rsmith_biz",
|
||||
testimonial: "Professional-grade performance in the palm of my hand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-executive-using-his-mobile-phone_1098-1225.jpg",
|
||||
},
|
||||
id: "4", name: "Robert Smith", handle: "@rsmith_biz", testimonial: "Professional-grade performance in the palm of my hand.", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-using-his-mobile-phone_1098-1225.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice Wang",
|
||||
handle: "@alicew",
|
||||
testimonial: "Simply beautiful hardware and a perfect interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-curly-haired-woman-wears-sunglasses-green-jumper-uses-smartphone-gets-message-poses-against-urban-setting-searches-location-via-mobile-phone-application-street-chats-with-followers_273609-60571.jpg",
|
||||
},
|
||||
id: "5", name: "Alice Wang", handle: "@alicew", testimonial: "Simply beautiful hardware and a perfect interface.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-curly-haired-woman-wears-sunglasses-green-jumper-uses-smartphone-gets-message-poses-against-urban-setting-searches-location-via-mobile-phone-application-street-chats-with-followers_273609-60571.jpg"},
|
||||
]}
|
||||
title="Hear From Our Users"
|
||||
description="See why millions choose our mobile devices for their daily needs."
|
||||
@@ -279,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the warranty period?",
|
||||
content: "All our smartphones come with a 2-year comprehensive manufacturer warranty.",
|
||||
},
|
||||
id: "f1", title: "What is the warranty period?", content: "All our smartphones come with a 2-year comprehensive manufacturer warranty."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is international shipping available?",
|
||||
content: "Yes, we ship globally with express options available during checkout.",
|
||||
},
|
||||
id: "f2", title: "Is international shipping available?", content: "Yes, we ship globally with express options available during checkout."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I trade in my old phone?",
|
||||
content: "Absolutely. Check out our trade-in program for instant credit on your purchase.",
|
||||
},
|
||||
id: "f3", title: "Can I trade in my old phone?", content: "Absolutely. Check out our trade-in program for instant credit on your purchase."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our products and services."
|
||||
@@ -304,8 +193,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Stay Updated"
|
||||
title="Be the first to know about new releases."
|
||||
description="Sign up for our newsletter to receive exclusive updates and early access to our product launches."
|
||||
@@ -317,42 +205,27 @@ export default function LandingPage() {
|
||||
logoText="Mobis"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Phones",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Phones", href: "#products"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#",
|
||||
},
|
||||
label: "Accessories", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Warranty", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user