From 87fcbb7cd7e7d78276bb4c4e18a3c21aba1a7aaf Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 08:15:45 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 202 ++++++++++++----------------------------------- 1 file changed, 50 insertions(+), 152 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 0435a78..62947a3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -36,7 +36,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="compact" sizing="medium" - background="aurora" + background="circleGradient" cardStyle="inset" primaryButtonStyle="primary-glow" secondaryButtonStyle="glass" @@ -54,7 +54,7 @@ export default function HomePage() { @@ -100,47 +90,17 @@ export default function HomePage() { buttonAnimation="blur-reveal" products={[ { - id: "1", - name: "Sunrise Over Mountains", - price: "Free", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-dramatic-sunrise-over-mountain-peaks-w-1772871142688-19aa4202.png?_wi=1", - imageAlt: "Sunrise mountain landscape", - }, + id: "1", name: "Sunrise Over Mountains", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-dramatic-sunrise-over-mountain-peaks-w-1772871142688-19aa4202.png", imageAlt: "Sunrise mountain landscape"}, { - id: "2", - name: "Urban Street Photography", - price: "Free", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/urban-street-photography-featuring-busy--1772871143378-1e8bfc1d.png?_wi=1", - imageAlt: "City street scene", - }, + id: "2", name: "Urban Street Photography", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/urban-street-photography-featuring-busy--1772871143378-1e8bfc1d.png", imageAlt: "City street scene"}, { - id: "3", - name: "Forest Pathway", - price: "Free", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-serene-forest-pathway-photography-show-1772871141623-5dee93f2.png?_wi=1", - imageAlt: "Natural forest trail", - }, + id: "3", name: "Forest Pathway", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-serene-forest-pathway-photography-show-1772871141623-5dee93f2.png", imageAlt: "Natural forest trail"}, { - id: "4", - name: "Abstract Minimalism", - price: "Free", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/an-abstract-minimalist-photography-with--1772871141587-78f1e714.png?_wi=1", - imageAlt: "Minimalist abstract art", - }, + id: "4", name: "Abstract Minimalism", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/an-abstract-minimalist-photography-with--1772871141587-78f1e714.png", imageAlt: "Minimalist abstract art"}, { - id: "5", - name: "Food Photography", - price: "Free", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-food-photography-featuring--1772871142192-feb8cfbe.png?_wi=1", - imageAlt: "Professional food shot", - }, + id: "5", name: "Food Photography", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-food-photography-featuring--1772871142192-feb8cfbe.png", imageAlt: "Professional food shot"}, { - id: "6", - name: "Technology & Innovation", - price: "Free", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/technology-and-innovation-workspace-phot-1772871143307-ad3fb2b2.png?_wi=1", - imageAlt: "Tech workspace", - }, + id: "6", name: "Technology & Innovation", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/technology-and-innovation-workspace-phot-1772871143307-ad3fb2b2.png", imageAlt: "Tech workspace"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -159,47 +119,31 @@ export default function HomePage() { features={[ { id: 1, - title: "Nature & Landscape", - description: "Breathtaking natural landscapes, mountains, forests, and scenic photography", - phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/stunning-nature-photography-featuring-wa-1772871142938-4053c856.png?_wi=1", - }, + title: "Nature & Landscape", description: "Breathtaking natural landscapes, mountains, forests, and scenic photography", phoneOne: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/stunning-nature-photography-featuring-wa-1772871142938-4053c856.png"}, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/mountain-and-valley-landscape-photograph-1772871142769-0bc74387.png?_wi=1", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/mountain-and-valley-landscape-photograph-1772871142769-0bc74387.png"}, }, { id: 2, - title: "Technology & Business", - description: "Professional business photography, tech workspaces, and corporate imagery", - phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-technology-workspace-with-m-1772871143335-f7c48c67.png?_wi=1", - }, + title: "Technology & Business", description: "Professional business photography, tech workspaces, and corporate imagery", phoneOne: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-technology-workspace-with-m-1772871143335-f7c48c67.png"}, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/business-meeting-photography-showing-pro-1772871148105-31d2ede6.png?_wi=1", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/business-meeting-photography-showing-pro-1772871148105-31d2ede6.png"}, }, { id: 3, - title: "People & Lifestyle", - description: "Authentic human moments, lifestyle photography, and portrait sessions", - phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/portrait-photography-of-diverse-person-i-1772871141220-284a5074.png?_wi=1", - }, + title: "People & Lifestyle", description: "Authentic human moments, lifestyle photography, and portrait sessions", phoneOne: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/portrait-photography-of-diverse-person-i-1772871141220-284a5074.png"}, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/lifestyle-photography-showing-people-in--1772871143349-54e6baea.png?_wi=1", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/lifestyle-photography-showing-people-in--1772871143349-54e6baea.png"}, }, { id: 4, - title: "Food & Beverage", - description: "Appetizing food photography and beverage styling for all projects", - phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/beautifully-styled-food-photography-with-1772871141968-385a081b.png?_wi=1", - }, + title: "Food & Beverage", description: "Appetizing food photography and beverage styling for all projects", phoneOne: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/beautifully-styled-food-photography-with-1772871141968-385a081b.png"}, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/restaurant-cuisine-photography-featuring-1772871142841-4d2b9a92.png?_wi=1", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/restaurant-cuisine-photography-featuring-1772871142841-4d2b9a92.png"}, }, ]} showStepNumbers={true} @@ -219,32 +163,25 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} imagePosition="right" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-modern-interface-showing-color-palette-1772871142731-f042de12.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-modern-interface-showing-color-palette-1772871142731-f042de12.png" imageAlt="Color search interface" bulletPoints={[ { - title: "Color Palette Matching", - description: "Search photos by specific colors to match your design palette perfectly", - icon: Palette, + title: "Color Palette Matching", description: "Search photos by specific colors to match your design palette perfectly", icon: Palette, }, { - title: "Vibrant & Neutral Tones", - description: "Filter between vibrant photography and neutral minimalist styles", - icon: Blend, + title: "Vibrant & Neutral Tones", description: "Filter between vibrant photography and neutral minimalist styles", icon: Blend, }, { - title: "Mood-Based Discovery", - description: "Find photos that match the feeling and atmosphere you need", - icon: Sparkles, + title: "Mood-Based Discovery", description: "Find photos that match the feeling and atmosphere you need", icon: Sparkles, }, { - title: "Smart Recommendations", - description: "AI-powered suggestions based on your search history and preferences", - icon: Zap, + title: "Smart Recommendations", description: "AI-powered suggestions based on your search history and preferences", icon: Zap, }, ]} buttons={[{ text: "Try Color Search", href: "/browse" }]} buttonAnimation="blur-reveal" + mediaAnimation="blur-reveal" /> @@ -258,15 +195,7 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Adobe Creative Suite", - "Figma Community", - "Canva Design Platform", - "Monday.com Teams", - "Notion Workspace", - "Slack Communities", - "HubSpot Creators", - "Webflow Designers", - ]} + "Adobe Creative Suite", "Figma Community", "Canva Design Platform", "Monday.com Teams", "Notion Workspace", "Slack Communities", "HubSpot Creators", "Webflow Designers"]} speed={40} showCard={true} /> @@ -281,37 +210,17 @@ export default function HomePage() { tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "Sarah Photography", - role: "Professional Photographer", - company: "Creative Studios", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-portrait-headshot-of-a-conf-1772871141672-ed6e54ad.png?_wi=1", - }, + id: "1", name: "Sarah Photography", role: "Professional Photographer", company: "Creative Studios", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-portrait-headshot-of-a-conf-1772871141672-ed6e54ad.png"}, { - id: "2", - name: "Michael Chen", - role: "Graphic Designer", - company: "Design Agency", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-headshot-of-an-asian-man-wi-1772871141770-ba539970.png?_wi=1", - }, + id: "2", name: "Michael Chen", role: "Graphic Designer", company: "Design Agency", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-headshot-of-an-asian-man-wi-1772871141770-ba539970.png"}, { - id: "3", - name: "Emma Rodriguez", - role: "Content Creator", - company: "Digital Marketing", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-portrait-of-a-latina-woman--1772871141822-ae8d96d1.png?_wi=1", - }, + id: "3", name: "Emma Rodriguez", role: "Content Creator", company: "Digital Marketing", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-portrait-of-a-latina-woman--1772871141822-ae8d96d1.png"}, { - id: "4", - name: "James Wilson", - role: "Product Manager", - company: "Tech Startup", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-headshot-of-a-man-with-conf-1772871144383-4071c439.png?_wi=1", - }, + id: "4", name: "James Wilson", role: "Product Manager", company: "Tech Startup", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-headshot-of-a-man-with-conf-1772871144383-4071c439.png"}, ]} kpiItems={[ { value: "50M+", label: "Photos Downloaded" }, @@ -334,32 +243,25 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} imagePosition="left" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/upload-interface-dashboard-showing-photo-1772871143475-87c42b08.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/upload-interface-dashboard-showing-photo-1772871143475-87c42b08.png" imageAlt="Photographer uploading interface" bulletPoints={[ { - title: "Easy Upload Process", - description: "Upload high-resolution photos with metadata, tags, and descriptions", - icon: FileUp, + title: "Easy Upload Process", description: "Upload high-resolution photos with metadata, tags, and descriptions", icon: FileUp, }, { - title: "Portfolio Building", - description: "Create a professional portfolio to showcase your best work to potential clients", - icon: Briefcase, + title: "Portfolio Building", description: "Create a professional portfolio to showcase your best work to potential clients", icon: Briefcase, }, { - title: "Download Tracking", - description: "See exactly how many times your photos are downloaded and by whom", - icon: TrendingUp, + title: "Download Tracking", description: "See exactly how many times your photos are downloaded and by whom", icon: TrendingUp, }, { - title: "Monetization Options", - description: "Earn revenue from your uploads through licensing and commission programs", - icon: DollarSign, + title: "Monetization Options", description: "Earn revenue from your uploads through licensing and commission programs", icon: DollarSign, }, ]} buttons={[{ text: "Start Uploading", href: "/" }]} buttonAnimation="blur-reveal" + mediaAnimation="blur-reveal" /> @@ -368,8 +270,7 @@ export default function HomePage() { logoText="Pixelshed" columns={[ { - title: "Product", - items: [ + title: "Product", items: [ { label: "Browse Photos", href: "/" }, { label: "Categories", href: "/" }, { label: "Collections", href: "/" }, @@ -378,8 +279,7 @@ export default function HomePage() { ], }, { - title: "Creators", - items: [ + title: "Creators", items: [ { label: "Upload Photos", href: "/" }, { label: "Photographer Guidelines", href: "/" }, { label: "Commission Program", href: "/" }, @@ -388,8 +288,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Pixelshed", href: "/" }, { label: "Blog", href: "/" }, { label: "Careers", href: "/" }, @@ -398,8 +297,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Terms of Service", href: "/" }, { label: "Privacy Policy", href: "/" }, { label: "Cookie Settings", href: "/" },