Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-28 09:01:43 +00:00
2 changed files with 108 additions and 146 deletions

View File

@@ -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: "#"},
],
},
]}

View 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>
);
}