Merge version_2 into main #2
188
src/app/page.tsx
188
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "iPhone",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "iPhone", id: "/phone/iphone-15-pro"},
|
||||
{
|
||||
name: "Samsung",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "Samsung", id: "/phone/galaxy-s24-ultra"},
|
||||
{
|
||||
name: "Xiaomi",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "Xiaomi", id: "/phone/xiaomi-14-pro"},
|
||||
{
|
||||
name: "Accessories",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "Accessories", id: "#catalog"},
|
||||
]}
|
||||
brandName="NexusCell"
|
||||
/>
|
||||
@@ -52,30 +44,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Innovation in Every Detail"
|
||||
description="Experience the next level of mobile technology with our latest premium smartphone collection."
|
||||
kpis={[
|
||||
{
|
||||
value: "120Hz",
|
||||
label: "Smooth Display",
|
||||
},
|
||||
value: "120Hz", label: "Smooth Display"},
|
||||
{
|
||||
value: "5nm",
|
||||
label: "Pro Processor",
|
||||
},
|
||||
value: "5nm", label: "Pro Processor"},
|
||||
{
|
||||
value: "50MP",
|
||||
label: "Pro Camera",
|
||||
},
|
||||
value: "50MP", label: "Pro Camera"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Shop Now", href: "#catalog"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/ultra-minimalist-professional-photograph-1774687993224-92c8bed7.png"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -90,40 +73,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Apple",
|
||||
name: "iPhone 15 Pro",
|
||||
price: "$999",
|
||||
rating: 5,
|
||||
reviewCount: "1,200",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/close-up-shot-of-a-high-end-smartphone-s-1774687993141-5c38d2a3.png?_wi=1",
|
||||
id: "iphone-15-pro", brand: "Apple", name: "iPhone 15 Pro", price: "12,500,000 UZS", rating: 5,
|
||||
reviewCount: "1,200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/close-up-shot-of-a-high-end-smartphone-s-1774687993141-5c38d2a3.png?_wi=1", onProductClick: () => window.location.href = "/phone/iphone-15-pro"
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Samsung",
|
||||
name: "Galaxy S24 Ultra",
|
||||
price: "$1,199",
|
||||
rating: 5,
|
||||
reviewCount: "980",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/close-up-shot-of-a-high-end-smartphone-s-1774687993141-5c38d2a3.png?_wi=2",
|
||||
id: "galaxy-s24-ultra", brand: "Samsung", name: "Galaxy S24 Ultra", price: "15,200,000 UZS", rating: 5,
|
||||
reviewCount: "980", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/close-up-shot-of-a-high-end-smartphone-s-1774687993141-5c38d2a3.png?_wi=2", onProductClick: () => window.location.href = "/phone/galaxy-s24-ultra"
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Xiaomi",
|
||||
name: "Xiaomi 14 Pro",
|
||||
price: "$899",
|
||||
rating: 4,
|
||||
reviewCount: "560",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/close-up-shot-of-a-high-end-smartphone-s-1774687993141-5c38d2a3.png?_wi=3",
|
||||
id: "xiaomi-14-pro", brand: "Xiaomi", name: "Xiaomi 14 Pro", price: "11,400,000 UZS", rating: 4,
|
||||
reviewCount: "560", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/close-up-shot-of-a-high-end-smartphone-s-1774687993141-5c38d2a3.png?_wi=3", onProductClick: () => window.location.href = "/phone/xiaomi-14-pro"
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Apple",
|
||||
name: "iPhone 15",
|
||||
price: "$799",
|
||||
rating: 4,
|
||||
reviewCount: "430",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/close-up-shot-of-a-high-end-smartphone-s-1774687993141-5c38d2a3.png?_wi=4",
|
||||
id: "iphone-15", brand: "Apple", name: "iPhone 15", price: "10,100,000 UZS", rating: 4,
|
||||
reviewCount: "430", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/close-up-shot-of-a-high-end-smartphone-s-1774687993141-5c38d2a3.png?_wi=4", onProductClick: () => window.location.href = "/phone/iphone-15"
|
||||
},
|
||||
]}
|
||||
title="Our Collection"
|
||||
@@ -138,40 +101,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The design of my new phone is absolutely stunning, and the performance is unmatched.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/professional-portrait-of-a-tech-enthusia-1774687994906-5ad70ffe.png?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The design of my new phone is absolutely stunning, and the performance is unmatched.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/professional-portrait-of-a-tech-enthusia-1774687994906-5ad70ffe.png?_wi=1"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Fastest delivery I've ever experienced and the product quality is top-notch.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/professional-portrait-of-a-creative-prof-1774687992837-99cd747b.png",
|
||||
},
|
||||
id: "t2", name: "Marcus Chen", handle: "@mchen", testimonial: "Fastest delivery I've ever experienced and the product quality is top-notch.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/professional-portrait-of-a-creative-prof-1774687992837-99cd747b.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Perfect device for my photography work. The camera sensor is incredible.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/professional-portrait-of-a-business-exec-1774687993767-6d61c3cc.png",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", handle: "@elena_r", testimonial: "Perfect device for my photography work. The camera sensor is incredible.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/professional-portrait-of-a-business-exec-1774687993767-6d61c3cc.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Smith",
|
||||
handle: "@dsmith",
|
||||
testimonial: "I love the sleek interface and the battery life is just extraordinary.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/professional-portrait-of-a-designer-high-1774687993830-5fab5be0.png",
|
||||
},
|
||||
id: "t4", name: "David Smith", handle: "@dsmith", testimonial: "I love the sleek interface and the battery life is just extraordinary.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/professional-portrait-of-a-designer-high-1774687993830-5fab5be0.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Rivera",
|
||||
handle: "@arivera",
|
||||
testimonial: "NexusCell has redefined how I buy tech. Incredible support and fast shipping.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/professional-portrait-of-a-tech-enthusia-1774687994906-5ad70ffe.png?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Alex Rivera", handle: "@arivera", testimonial: "NexusCell has redefined how I buy tech. Incredible support and fast shipping.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZDbDSeGvWNcjEe8zGm3Bu9QTK/professional-portrait-of-a-tech-enthusia-1774687994906-5ad70ffe.png?_wi=2"},
|
||||
]}
|
||||
title="Loved by Tech Enthusiasts"
|
||||
description="See what our customers have to say about their new devices."
|
||||
@@ -187,37 +125,16 @@ export default function LandingPage() {
|
||||
description="Flexible plans designed to get you the latest tech without breaking the bank."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
price: "$30",
|
||||
period: "/mo",
|
||||
description: "Perfect for essential upgrades.",
|
||||
button: {
|
||||
text: "Select Basic",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Phone protection",
|
||||
"Standard shipping",
|
||||
"Basic support",
|
||||
],
|
||||
id: "basic", tag: "Starter", price: "350,000 UZS", period: "/mo", description: "Perfect for essential upgrades.", button: {
|
||||
text: "Select Basic"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Phone protection", "Standard shipping", "Basic support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro",
|
||||
price: "$50",
|
||||
period: "/mo",
|
||||
description: "The ultimate mobile experience.",
|
||||
button: {
|
||||
text: "Select Pro",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Priority support",
|
||||
"Free upgrades",
|
||||
"Accidental damage coverage",
|
||||
"Fast shipping",
|
||||
],
|
||||
id: "pro", tag: "Pro", price: "600,000 UZS", period: "/mo", description: "The ultimate mobile experience.", button: {
|
||||
text: "Select Pro"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Priority support", "Free upgrades", "Accidental damage coverage", "Fast shipping"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -228,9 +145,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Defining Premium Mobile"
|
||||
description={[
|
||||
"At NexusCell, we bridge the gap between innovation and accessibility. Our mission is to provide global access to the most advanced mobile technology on the market today, packaged with a customer-first experience.",
|
||||
"We curate only the finest hardware, ensuring that every device you receive meets our rigorous standards for performance, aesthetic beauty, and longevity.",
|
||||
]}
|
||||
"At NexusCell, we bridge the gap between innovation and accessibility. Our mission is to provide global access to the most advanced mobile technology on the market today, packaged with a customer-first experience.", "We curate only the finest hardware, ensuring that every device you receive meets our rigorous standards for performance, aesthetic beauty, and longevity."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -238,50 +153,31 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "iPhone",
|
||||
href: "#",
|
||||
},
|
||||
label: "iPhone", href: "/phone/iphone-15-pro"},
|
||||
{
|
||||
label: "Samsung",
|
||||
href: "#",
|
||||
},
|
||||
label: "Samsung", href: "/phone/galaxy-s24-ultra"},
|
||||
{
|
||||
label: "Xiaomi",
|
||||
href: "#",
|
||||
},
|
||||
label: "Xiaomi", href: "/phone/xiaomi-14-pro"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
66
src/app/phone/[slug]/page.tsx
Normal file
66
src/app/phone/[slug]/page.tsx
Normal file
@@ -0,0 +1,66 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { useParams } from 'next/navigation';
|
||||
|
||||
export default function PhoneDetailPage() {
|
||||
const params = useParams();
|
||||
const slug = params.slug as string;
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "iPhone", id: "/phone/iphone-15-pro" },
|
||||
{ name: "Samsung", id: "/phone/galaxy-s24-ultra" },
|
||||
{ name: "Xiaomi", id: "/phone/xiaomi-14-pro" },
|
||||
]}
|
||||
brandName="NexusCell"
|
||||
/>
|
||||
|
||||
<div className="container mx-auto px-4 py-20 min-h-screen">
|
||||
<h1 className="text-4xl font-bold mb-10 capitalize">{slug.replace(/-/g, ' ')}</h1>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
|
||||
<div className="aspect-square bg-gray-100 rounded-2xl flex items-center justify-center">
|
||||
<span className="text-gray-500">Product Image</span>
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
<h2 className="text-3xl font-semibold">Technical Specifications</h2>
|
||||
<p className="text-xl">Price: 12,500,000 UZS</p>
|
||||
<ul className="space-y-4">
|
||||
<li><strong>Display:</strong> 6.7-inch OLED</li>
|
||||
<li><strong>Processor:</strong> Latest Gen Chipset</li>
|
||||
<li><strong>Battery:</strong> 5000mAh</li>
|
||||
<li><strong>Camera:</strong> 50MP Triple System</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Store", items: [{ label: "Home", href: "/" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 NexusCell. All rights reserved."
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user