From d38b91fda4f068e958176162ae6a06d651107f19 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 7 Jun 2026 23:13:40 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 307 +++++++++++------------------------------------ 1 file changed, 70 insertions(+), 237 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index bc81c9b..0bc771c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,29 +33,17 @@ export default function LandingPage() { @@ -67,51 +55,23 @@ export default function LandingPage() { description="PROJECTK transforms luxury cafes into immersive visual destinations through curated projection experiences, ProjectK Studio, and monthly seasonal updates.\n\nحوّل جدار كوفيك إلى تجربة بصرية يتوقف عندها العميل، يصورها، وينشرها." buttons={[ { - text: "Book a Demo", - href: "#contact", - }, + text: "Book a Demo", href: "#contact"}, { - text: "Explore Experiences", - href: "#features", - }, + text: "Explore Experiences", href: "#features"}, ]} slides={[ { - videoSrc: "http://img.b2bpic.net/free-photo/abstract-neon-background_23-2150737858.jpg?_wi=1", - videoAriaLabel: "Immersive infinity portal visual experience", - imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-background_23-2150737858.jpg?_wi=2", - imageAlt: "luxury cafe projection mapping portal video", - }, + videoSrc: "http://img.b2bpic.net/free-photo/abstract-neon-background_23-2150737858.jpg", videoAriaLabel: "Immersive infinity portal visual experience", imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-background_23-2150737858.jpg", imageAlt: "luxury cafe projection mapping portal video"}, { - videoSrc: "http://img.b2bpic.net/free-photo/classic-old-fashioned-library-space-with-elegant-wooden-interiors_482257-125296.jpg?_wi=1", - videoAriaLabel: "Dynamic coffee galaxy visual experience", - imageSrc: "http://img.b2bpic.net/free-photo/classic-old-fashioned-library-space-with-elegant-wooden-interiors_482257-125296.jpg?_wi=2", - imageAlt: "luxury cafe projection mapping portal video", - }, + videoSrc: "http://img.b2bpic.net/free-photo/classic-old-fashioned-library-space-with-elegant-wooden-interiors_482257-125296.jpg", videoAriaLabel: "Dynamic coffee galaxy visual experience", imageSrc: "http://img.b2bpic.net/free-photo/classic-old-fashioned-library-space-with-elegant-wooden-interiors_482257-125296.jpg", imageAlt: "luxury cafe projection mapping portal video"}, { - videoSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139358.jpg?_wi=1", - videoAriaLabel: "Surreal reality crack visual experience", - imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139358.jpg?_wi=2", - imageAlt: "luxury cafe projection mapping portal video", - }, + videoSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139358.jpg", videoAriaLabel: "Surreal reality crack visual experience", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139358.jpg", imageAlt: "luxury cafe projection mapping portal video"}, { - videoSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-geometric-laser-lights-perfect-digital-wallpaper_181624-21177.jpg?_wi=1", - videoAriaLabel: "Captivating dimensional tunnel visual experience", - imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-geometric-laser-lights-perfect-digital-wallpaper_181624-21177.jpg?_wi=2", - imageAlt: "luxury cafe projection mapping portal video", - }, + videoSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-geometric-laser-lights-perfect-digital-wallpaper_181624-21177.jpg", videoAriaLabel: "Captivating dimensional tunnel visual experience", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-geometric-laser-lights-perfect-digital-wallpaper_181624-21177.jpg", imageAlt: "luxury cafe projection mapping portal video"}, { - videoSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699542.jpg?_wi=1", - videoAriaLabel: "Elegant digital bloom visual experience", - imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699542.jpg?_wi=2", - imageAlt: "luxury cafe projection mapping portal video", - }, + videoSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699542.jpg", videoAriaLabel: "Elegant digital bloom visual experience", imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699542.jpg", imageAlt: "luxury cafe projection mapping portal video"}, { - videoSrc: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg?_wi=1", - videoAriaLabel: "Mysterious glitched horizon visual experience", - imageSrc: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg?_wi=2", - imageAlt: "luxury cafe projection mapping portal video", - }, + videoSrc: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg", videoAriaLabel: "Mysterious glitched horizon visual experience", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg", imageAlt: "luxury cafe projection mapping portal video"}, ]} showDimOverlay={false} /> @@ -124,19 +84,13 @@ export default function LandingPage() { metrics={[ { icon: Sparkles, - label: "Premium Cafe Experience", - value: "Immersive Ambiance", - }, + label: "Premium Cafe Experience", value: "Immersive Ambiance"}, { icon: Film, - label: "Projection Mapping System", - value: "Seamless Integration", - }, + label: "Projection Mapping System", value: "Seamless Integration"}, { icon: Loader, - label: "Monthly Visual Updates", - value: "Always Fresh Content", - }, + label: "Monthly Visual Updates", value: "Always Fresh Content"}, ]} metricsAnimation="blur-reveal" /> @@ -148,55 +102,34 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Immersive Experiences", - description: "Transform your cafe walls into dynamic, ever-changing portals to new dimensions. Curated visual experiences that captivate and delight every patron.", - icon: Eye, + title: "Immersive Experiences", description: "Transform your cafe walls into dynamic, ever-changing portals to new dimensions. Curated visual experiences that captivate and delight every patron.", icon: Eye, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428518.jpg", - imageAlt: "Cafe wall projecting an infinity portal", - }, + imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428518.jpg", imageAlt: "Cafe wall projecting an infinity portal"}, { - imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-that-performs-regular-human-job_23-2151061712.jpg", - imageAlt: "Cafe interior with infinity portal projection", - }, + imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-that-performs-regular-human-job_23-2151061712.jpg", imageAlt: "Cafe interior with infinity portal projection"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-background_23-2150737858.jpg?_wi=3", - imageAlt: "luxury cafe immersive portal projection", + imageAlt: "luxury cafe immersive portal projection" }, { - title: "ProjectK Studio", - description: "Unlock unparalleled creative freedom with our intuitive design studio. Craft bespoke projection mappings, manage your content library, and schedule seasonal updates effortlessly.", - icon: Paintbrush, + title: "ProjectK Studio", description: "Unlock unparalleled creative freedom with our intuitive design studio. Craft bespoke projection mappings, manage your content library, and schedule seasonal updates effortlessly.", icon: Paintbrush, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg", - imageAlt: "Digital interface of ProjectK Studio for content creation", - }, + imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg", imageAlt: "Digital interface of ProjectK Studio for content creation"}, { - imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg", - imageAlt: "Hands interacting with a holographic studio interface", - }, + imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg", imageAlt: "Hands interacting with a holographic studio interface"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/classic-old-fashioned-library-space-with-elegant-wooden-interiors_482257-125296.jpg?_wi=3", - imageAlt: "luxury cafe immersive portal projection", + imageAlt: "luxury cafe immersive portal projection" }, { - title: "Cafe Solutions", - description: "Our discreet, high-performance projection systems integrate flawlessly into any luxury cafe environment. From wall-to-ceiling projections to interactive table surfaces, we tailor solutions for your space.", - icon: Lightbulb, + title: "Cafe Solutions", description: "Our discreet, high-performance projection systems integrate flawlessly into any luxury cafe environment. From wall-to-ceiling projections to interactive table surfaces, we tailor solutions for your space.", icon: Lightbulb, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/view-school-classroom_23-2151110155.jpg", - imageAlt: "Subtle projection hardware integrated into cafe wall", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-school-classroom_23-2151110155.jpg", imageAlt: "Subtle projection hardware integrated into cafe wall"}, { - imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892686.jpg", - imageAlt: "Patron interacting with projection mapped cafe table", - }, + imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892686.jpg", imageAlt: "Patron interacting with projection mapped cafe table"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139358.jpg?_wi=3", - imageAlt: "luxury cafe immersive portal projection", + imageAlt: "luxury cafe immersive portal projection" }, ]} title="Discover the PROJECTK Ecosystem" @@ -209,49 +142,20 @@ export default function LandingPage() { textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} + animationType="blur-reveal" products={[ { - id: "infinity-portal", - name: "Infinity Portal", - price: "Digital Asset", - imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-125052.jpg", - imageAlt: "Digital product cover for Infinity Portal visual experience", - }, + id: "infinity-portal", name: "Infinity Portal", price: "Digital Asset", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-125052.jpg", imageAlt: "Digital product cover for Infinity Portal visual experience"}, { - id: "coffee-galaxy", - name: "Coffee Galaxy", - price: "Digital Asset", - imageSrc: "http://img.b2bpic.net/free-photo/creative-paper-planets-arrangement_23-2148874937.jpg", - imageAlt: "Digital product cover for Coffee Galaxy visual experience", - }, + id: "coffee-galaxy", name: "Coffee Galaxy", price: "Digital Asset", imageSrc: "http://img.b2bpic.net/free-photo/creative-paper-planets-arrangement_23-2148874937.jpg", imageAlt: "Digital product cover for Coffee Galaxy visual experience"}, { - id: "reality-crack", - name: "Reality Crack", - price: "Digital Asset", - imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160615.jpg", - imageAlt: "Digital product cover for Reality Crack visual experience", - }, + id: "reality-crack", name: "Reality Crack", price: "Digital Asset", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160615.jpg", imageAlt: "Digital product cover for Reality Crack visual experience"}, { - id: "seasonal-collection", - name: "Seasonal Collection", - price: "Subscription", - imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568897.jpg", - imageAlt: "Digital product cover for Seasonal Collection visual experience", - }, + id: "seasonal-collection", name: "Seasonal Collection", price: "Subscription", imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568897.jpg", imageAlt: "Digital product cover for Seasonal Collection visual experience"}, { - id: "brand-story", - name: "Brand Story", - price: "Custom Quote", - imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781062.jpg", - imageAlt: "Digital product cover for Brand Story visual experience", - }, + id: "brand-story", name: "Brand Story", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781062.jpg", imageAlt: "Digital product cover for Brand Story visual experience"}, { - id: "event-theme", - name: "Event Theme", - price: "Custom Quote", - imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428426.jpg", - imageAlt: "Digital product cover for Event Theme visual experience", - }, + id: "event-theme", name: "Event Theme", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428426.jpg", imageAlt: "Digital product cover for Event Theme visual experience"}, ]} title="Curated Visual Experiences" description="Explore our library of breathtaking projection mappings, ready to transform your cafe walls into art. Each experience is designed for luxury and immersion." @@ -262,62 +166,34 @@ export default function LandingPage() { @@ -380,81 +239,55 @@ export default function LandingPage() { -- 2.49.1