bender/3dc35944-45bf-4354-bac9-aa051ccda4d3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-05-09 06:48:54 +00:00
parent 41d99e7e80 4a2da893f3
commit ee207f095f
1 changed files with 36 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/app/page.tsx
View File

@@ -8,7 +8,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView'; import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow'; import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine'; import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import { Cpu, Zap, Camera } from "lucide-react"; import { Cpu, Zap, Camera, Package, Smartphone, Gauge } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -18,7 +18,7 @@ export default function LandingPage() {
borderRadius="pill" borderRadius="pill"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles" sizing="mediumLargeSizeMediumTitles"
background="aurora" background="none"
cardStyle="soft-shadow" cardStyle="soft-shadow"
primaryButtonStyle="double-inset" primaryButtonStyle="double-inset"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
@@ -28,7 +28,7 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ name: "Overview", id: "overview" }, { name: "Overview", id: "hero" },
{ name: "Specs", id: "specs" }, { name: "Specs", id: "specs" },
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Details", id: "details" }, { name: "Details", id: "details" },
@@ -39,13 +39,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ variant: "gradient-bars" }} background={{ variant: "plain" }}
title="OnePlus 15. The Next Evolution." title="OnePlus 15"
description="Experience power beyond limits with the most advanced processor, stunning display, and professional-grade camera system." description="Experience the pinnacle of smartphone engineering. Designed for speed, precision, and the future of mobile photography."
kpis={[ kpis={[
{ value: "Snapdragon 8", label: "Processor" }, { value: "Snapdragon 8", label: "Elite Chip" },
{ value: "144Hz", label: "Refresh Rate" }, { value: "144Hz", label: "Fluid Display" },
{ value: "5000mAh", label: "Battery" }, { value: "5400mAh", label: "Capacity" },
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074266.jpg" imageSrc="http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074266.jpg"
@@ -55,32 +55,31 @@ export default function LandingPage() {
<div id="specs" data-section="specs"> <div id="specs" data-section="specs">
<TimelinePhoneView <TimelinePhoneView
title="Technical Specifications" title="Full Specifications"
description="Precision engineering in every component." description="Every detail, meticulously refined for peak performance."
textboxLayout="split" textboxLayout="split"
animationType="slide-up" animationType="slide-up"
items={[ items={[
{ { trigger: "Processor", content: "Snapdragon 8 Elite chipset built on 3nm architecture for unrivaled speed and power efficiency." },
trigger: "Processor Power", content: "Equipped with the latest Snapdragon 8 Elite chipset for unmatched performance."}, { trigger: "Display", content: "144Hz ProXDR LTPO AMOLED display with industry-leading peak brightness." },
{ { trigger: "Camera", content: "Triple-lens system featuring Sony LYT-808 sensor for stunning professional photography." },
trigger: "Display Technology", content: "144Hz Fluid AMOLED display with extreme brightness and color accuracy."}, { trigger: "Charging", content: "100W SuperVOOC power delivery with ultra-fast full-day battery recovery." }
{
trigger: "Battery System", content: "5000mAh capacity with SuperVOOC fast charging capabilities."}
]} ]}
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureBorderGlow <FeatureBorderGlow
title="What is in the Box" title="What's in the Box"
description="Everything you need to get started right away." description="Everything you need to unleash the potential of your new device."
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={false}
features={[ features={[
{ icon: Cpu, title: "OnePlus 15 Device", description: "The main unit with pre-applied screen protector." }, { icon: Smartphone, title: "OnePlus 15", description: "High-precision hardware with protective film pre-applied." },
{ icon: Zap, title: "100W Fast Charger", description: "High-speed power adapter for rapid charging." }, { icon: Zap, title: "100W Adapter", description: "SuperVOOC power block for rapid energy replenishment." },
{ icon: Camera, title: "Pro-Grade Cables", description: "High-durability data and charging cable." }, { icon: Package, title: "Cable & Case", description: "Type-C braided cable and durable protective cover included." },
{ icon: Gauge, title: "Documentation", description: "Quick start guide and regional safety information packets." }
]} ]}
/> />
</div> </div>
@@ -93,12 +92,22 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Advanced Camera System", description: "Professional-grade sensors for all your photography needs.", imageSrc: "http://img.b2bpic.net/free-photo/woman-afternoon-shoots-phone-field_78492-3731.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/kitchen-faucet-water-aerator-metal-texture_169016-69557.jpg", buttonText: "Learn More"}, title: "Professional Optics",
description: "Capturing every moment in cinematic detail with the advanced Hasselblad integration.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-afternoon-shoots-phone-field_78492-3731.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4932.jpg",
buttonText: "Explore Camera"
},
{ {
title: "Enhanced Design", description: "Ergonomic grip with premium materials.", imageSrc: "http://img.b2bpic.net/free-photo/full-frame-water-droplets-grey-feather-surface_23-2148114606.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4932.jpg", buttonText: "Learn More"}, title: "Ergonomic Design",
description: "Crafted for comfort, featuring a refined silhouette and premium tactile finishes.",
imageSrc: "http://img.b2bpic.net/free-photo/full-frame-water-droplets-grey-feather-surface_23-2148114606.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/kitchen-faucet-water-aerator-metal-texture_169016-69557.jpg",
buttonText: "Explore Design"
},
]} ]}
title="Product Details" title="Deep Dive"
description="Deep dive into what makes the OnePlus 15 unique." description="Uncovering the craftsmanship behind the OnePlus 15."
/> />
</div> </div>