Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| dff1fbfcad |
277
src/app/page.tsx
277
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NovaMobile"
|
||||
/>
|
||||
@@ -56,45 +48,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Future, Redefined"
|
||||
description="Experience the pinnacle of mobile innovation. Powerful hardware meets a stunning dark aesthetic."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Upgrade Your Experience", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033617.jpg",
|
||||
imageAlt: "Flagship Smartphone",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033617.jpg", imageAlt: "Flagship Smartphone"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photography-studio-with-equipment-items-arrangement_23-2150254694.jpg",
|
||||
imageAlt: "Camera Sensor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photography-studio-with-equipment-items-arrangement_23-2150254694.jpg", imageAlt: "Camera Sensor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-headphones-mini-house-plants-table-apartment-room_482257-98954.jpg",
|
||||
imageAlt: "Handheld Phone",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-headphones-mini-house-plants-table-apartment-room_482257-98954.jpg", imageAlt: "Handheld Phone"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-studio_187299-46431.jpg",
|
||||
imageAlt: "Sleek Floating Design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-studio_187299-46431.jpg", imageAlt: "Sleek Floating Design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913284.jpg",
|
||||
imageAlt: "Modern Display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913284.jpg", imageAlt: "Modern Display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-connections-design-with-plexus-connecting-lines-dots_1048-11879.jpg",
|
||||
imageAlt: "Abstract Tech",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-connections-design-with-plexus-connecting-lines-dots_1048-11879.jpg", imageAlt: "Abstract Tech"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,19 +81,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Smartphone,
|
||||
label: "Models Released",
|
||||
value: "24+",
|
||||
},
|
||||
label: "Models Released", value: "24+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Security Standards",
|
||||
value: "99.9%",
|
||||
},
|
||||
label: "Security Standards", value: "99.9%"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Battery Life",
|
||||
value: "48h+",
|
||||
},
|
||||
label: "Battery Life", value: "48h+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -131,38 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bionic Processor",
|
||||
author: "Power",
|
||||
description: "Blazing fast speeds for gaming and multitasking.",
|
||||
tags: [
|
||||
"Performance",
|
||||
"AI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174360.jpg",
|
||||
},
|
||||
id: "f1", title: "Bionic Processor", author: "Power", description: "Blazing fast speeds for gaming and multitasking.", tags: [
|
||||
"Performance", "AI"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174360.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Pro Grade Lens",
|
||||
author: "Camera",
|
||||
description: "Capture life in cinematic 8K resolution.",
|
||||
tags: [
|
||||
"Photography",
|
||||
"4K",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212620.jpg",
|
||||
},
|
||||
id: "f2", title: "Pro Grade Lens", author: "Camera", description: "Capture life in cinematic 8K resolution.", tags: [
|
||||
"Photography", "4K"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212620.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Rapid Charging",
|
||||
author: "Battery",
|
||||
description: "Get from 0 to 100% in under 30 minutes.",
|
||||
tags: [
|
||||
"Speed",
|
||||
"Energy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-image-multi-colored-lights_1359-1054.jpg",
|
||||
},
|
||||
id: "f3", title: "Rapid Charging", author: "Battery", description: "Get from 0 to 100% in under 30 minutes.", tags: [
|
||||
"Speed", "Energy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-image-multi-colored-lights_1359-1054.jpg"},
|
||||
]}
|
||||
title="Unrivaled Performance"
|
||||
description="Packed with the technology you need for your modern lifestyle."
|
||||
@@ -177,47 +125,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Nova Pro Max",
|
||||
price: "$1,299",
|
||||
variant: "Midnight Red",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-art-burgundy-lines-against-red-background_181624-18259.jpg",
|
||||
},
|
||||
id: "p1", name: "Nova Pro Max", price: "$1,299", variant: "Midnight Red", imageSrc: "http://img.b2bpic.net/free-photo/3d-art-burgundy-lines-against-red-background_181624-18259.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Nova Edge",
|
||||
price: "$999",
|
||||
variant: "Metallic Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5225.jpg",
|
||||
},
|
||||
id: "p2", name: "Nova Edge", price: "$999", variant: "Metallic Black", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5225.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Nova Slim",
|
||||
price: "$899",
|
||||
variant: "Ruby Red",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-influencer-excited-record-mini-led-lights-review-apartment-studio_482257-82739.jpg",
|
||||
},
|
||||
id: "p3", name: "Nova Slim", price: "$899", variant: "Ruby Red", imageSrc: "http://img.b2bpic.net/free-photo/smiling-influencer-excited-record-mini-led-lights-review-apartment-studio_482257-82739.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Nova Lite",
|
||||
price: "$699",
|
||||
variant: "Obsidian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-black-smartphone-leaned-stone_181624-24032.jpg",
|
||||
},
|
||||
id: "p4", name: "Nova Lite", price: "$699", variant: "Obsidian", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-black-smartphone-leaned-stone_181624-24032.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Nova Pro",
|
||||
price: "$1,099",
|
||||
variant: "Gunmetal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4947.jpg",
|
||||
},
|
||||
id: "p5", name: "Nova Pro", price: "$1,099", variant: "Gunmetal", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4947.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Nova Fold",
|
||||
price: "$1,599",
|
||||
variant: "Carbon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-clay-phone-16-pro-max_187299-45928.jpg",
|
||||
},
|
||||
id: "p6", name: "Nova Fold", price: "$1,599", variant: "Carbon", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-clay-phone-16-pro-max_187299-45928.jpg"},
|
||||
]}
|
||||
title="Featured Devices"
|
||||
description="Explore our curated selection of flagship smartphones."
|
||||
@@ -231,57 +149,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$9/mo",
|
||||
name: "Standard Care",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "$9/mo", name: "Standard Care", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"1-year warranty",
|
||||
"Screen repair",
|
||||
"Basic support",
|
||||
],
|
||||
"1-year warranty", "Screen repair", "Basic support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Recommended",
|
||||
price: "$19/mo",
|
||||
name: "Total Protection",
|
||||
buttons: [
|
||||
id: "pro", badge: "Recommended", price: "$19/mo", name: "Total Protection", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"2-year warranty",
|
||||
"Unlimited repair",
|
||||
"Priority support",
|
||||
"Device trade-in",
|
||||
],
|
||||
"2-year warranty", "Unlimited repair", "Priority support", "Device trade-in"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Advanced",
|
||||
price: "$29/mo",
|
||||
name: "Premium Care",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Advanced", price: "$29/mo", name: "Premium Care", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"3-year warranty",
|
||||
"Instant replacement",
|
||||
"Global support",
|
||||
"Cloud storage",
|
||||
],
|
||||
"3-year warranty", "Instant replacement", "Global support", "Cloud storage"],
|
||||
},
|
||||
]}
|
||||
title="Tailored Protection"
|
||||
@@ -296,40 +185,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivet",
|
||||
role: "Creative Lead",
|
||||
testimonial: "The design quality is unmatched. NovaMobile changed my mobile experience completely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-outside-city_1303-16174.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Rivet", role: "Creative Lead", testimonial: "The design quality is unmatched. NovaMobile changed my mobile experience completely.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-outside-city_1303-16174.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
role: "Software Architect",
|
||||
testimonial: "I rely on the Pro Max for my development workflow. Solid performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-sitting-office-night_171337-15579.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Chen", role: "Software Architect", testimonial: "I rely on the Pro Max for my development workflow. Solid performance.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-sitting-office-night_171337-15579.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Jones",
|
||||
role: "Analyst",
|
||||
testimonial: "Excellent customer support and reliable devices. Truly a premium shop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
id: "t3", name: "Mark Jones", role: "Analyst", testimonial: "Excellent customer support and reliable devices. Truly a premium shop.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Rossi",
|
||||
role: "Designer",
|
||||
testimonial: "The screen quality on Nova Edge is gorgeous. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-checking-mobile_23-2148514885.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena Rossi", role: "Designer", testimonial: "The screen quality on Nova Edge is gorgeous. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-checking-mobile_23-2148514885.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Kim",
|
||||
role: "Engineer",
|
||||
testimonial: "Been with them for years. Every device upgrade is a leap forward.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg",
|
||||
},
|
||||
id: "t5", name: "David Kim", role: "Engineer", testimonial: "Been with them for years. Every device upgrade is a leap forward.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg"},
|
||||
]}
|
||||
title="Loved by Tech Enthusiasts"
|
||||
description="See why our customers trust NovaMobile for their daily connectivity."
|
||||
@@ -341,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship globally with insured courier services.",
|
||||
},
|
||||
id: "q1", title: "Do you offer international shipping?", content: "Yes, we ship globally with insured courier services."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the warranty policy?",
|
||||
content: "We offer a standard 1-year manufacturer warranty on all devices.",
|
||||
},
|
||||
id: "q2", title: "What is the warranty policy?", content: "We offer a standard 1-year manufacturer warranty on all devices."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return a device?",
|
||||
content: "You can return your device within 30 days of purchase for a full refund.",
|
||||
},
|
||||
id: "q3", title: "Can I return a device?", content: "You can return your device within 30 days of purchase for a full refund."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to common questions about our products and services."
|
||||
@@ -369,22 +224,14 @@ export default function LandingPage() {
|
||||
description="Have questions? Our support team is ready to assist you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-desk-with-laptop-phone_23-2148291122.jpg"
|
||||
/>
|
||||
@@ -396,29 +243,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -428,4 +265,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user