bender/d9be4e49-a65e-47e8-850d-35fe59efc26b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

10 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
0fa5ded9b0 Update src/app/page.tsx 2026-03-07 10:26:01 +00:00
bender
4a61b9a039 Update src/app/layout.tsx 2026-03-07 10:26:00 +00:00
bender
4b646b7dbd Merge version_2 into main 
Merge version_2 into main
 2026-03-07 10:06:53 +00:00
bender
f6bc5290e9 Update theme colors 2026-03-07 10:06:47 +00:00
bender
d247c4dff5 Merge version_2 into main 
Merge version_2 into main
 2026-03-07 10:00:50 +00:00
bender
85ceae25b6 Update src/app/page.tsx 2026-03-07 10:00:45 +00:00
bender
0734afa010 Update src/app/layout.tsx 2026-03-07 10:00:45 +00:00
bender
b58d794c9a Merge version_1 into main 
Merge version_1 into main
 2026-03-07 08:17:12 +00:00
bender
3deadd580f Merge version_1 into main 
Merge version_1 into main
 2026-03-07 08:15:50 +00:00
bender
055e74a31a Merge version_1 into main 
Merge version_1 into main
 2026-03-07 08:13:33 +00:00
3 changed files with 61 additions and 91 deletions
Expand all files Collapse all files

68
src/app/layout.tsx
View File

@@ -1,74 +1,21 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import { Mulish } from "next/font/google"; import "@/styles/globals.css";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({ const inter = Inter({ subsets: ["latin"] });
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const mulish = Mulish({
variable: "--font-mulish",
subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Pixelshed - Free Stock Photos for Creators", title: "Pixelshed - Free Stock Photos", description: "Discover millions of free stock photos from our community of talented photographers. Find the perfect image for your project."
description: "Discover millions of free stock photos from talented photographers. Download high-resolution images for your projects with easy-to-use search and color filtering.",
keywords: "stock photos, free images, photography, royalty-free, creators, designers, download photos",
metadataBase: new URL("https://pixelshed.com"),
alternates: {
canonical: "https://pixelshed.com"
},
openGraph: {
title: "Pixelshed - Free Stock Photos for Creators",
description: "Discover millions of free stock photos from talented photographers. Download high-resolution images for your projects.",
url: "https://pixelshed.com",
siteName: "Pixelshed",
type: "website",
images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-stunning-landscape-photography-shot-sh-1772871142858-3de148a2.png",
alt: "Pixelshed - Free Stock Photography Platform"
}
]
},
twitter: {
card: "summary_large_image",
title: "Pixelshed - Free Stock Photos",
description: "Discover and download millions of free stock photos from talented photographers.",
images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-stunning-landscape-photography-shot-sh-1772871142858-3de148a2.png"]
},
robots: {
index: true,
follow: true
}
}; };
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={inter.className}>{children}
<body
className={`${halant.variable} ${inter.variable} ${mulish.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1436,7 +1383,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

76
src/app/page.tsx
View File

@@ -53,7 +53,7 @@ export default function HomePage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
title="Search high-resolution photos" title="Search high-resolution photos"
description="Discover millions of free stock photos from our community of talented photographers. Find the perfect image for your project." description="Millions of royalty-free images. No subscriptions. Always free."
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
tag="Free Stock Photos" tag="Free Stock Photos"
tagIcon={ImageIcon} tagIcon={ImageIcon}
@@ -65,15 +65,20 @@ export default function HomePage() {
buttonAnimation="blur-reveal" buttonAnimation="blur-reveal"
mediaItems={[ mediaItems={[
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-stunning-landscape-photography-shot-sh-1772871142858-3de148a2.png?_wi=1", imageAlt: "Landscape Photography"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-stunning-landscape-photography-shot-sh-1772871142858-3de148a2.png?_wi=1", imageAlt: "Landscape Photography"
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-breathtaking-nature-photography-image--1772871143095-c48cf37a.png?_wi=1", imageAlt: "Nature Photography"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-breathtaking-nature-photography-image--1772871143095-c48cf37a.png?_wi=1", imageAlt: "Nature Photography"
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/an-urban-street-photography-scene-showca-1772871143175-0058d2d2.png?_wi=1", imageAlt: "Urban Photography"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/an-urban-street-photography-scene-showca-1772871143175-0058d2d2.png?_wi=1", imageAlt: "Urban Photography"
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-stunning-architecture-photography-feat-1772871142561-595ca4a7.png", imageAlt: "Architecture Photography"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/a-stunning-architecture-photography-feat-1772871142561-595ca4a7.png", imageAlt: "Architecture Photography"
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/travel-photography-capturing-exotic-dest-1772871143029-4b39cdb6.png", imageAlt: "Travel Photography"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/travel-photography-capturing-exotic-dest-1772871143029-4b39cdb6.png", imageAlt: "Travel Photography"
},
]} ]}
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
/> />
@@ -90,17 +95,23 @@ export default function HomePage() {
buttonAnimation="blur-reveal" buttonAnimation="blur-reveal"
products={[ 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?_wi=1", 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?_wi=1", 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?_wi=1", 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?_wi=1", 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?_wi=1", 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?_wi=1", imageAlt: "Tech workspace"
},
]} ]}
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
animationType="slide-up" animationType="slide-up"
@@ -120,30 +131,38 @@ export default function HomePage() {
{ {
id: 1, id: 1,
title: "Nature & Landscape", description: "Breathtaking natural landscapes, mountains, forests, and scenic photography", phoneOne: { 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"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/stunning-nature-photography-featuring-wa-1772871142938-4053c856.png?_wi=1"
},
phoneTwo: { 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?_wi=1"
},
}, },
{ {
id: 2, id: 2,
title: "Technology & Business", description: "Professional business photography, tech workspaces, and corporate imagery", phoneOne: { 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"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/professional-technology-workspace-with-m-1772871143335-f7c48c67.png?_wi=1"
},
phoneTwo: { 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?_wi=1"
},
}, },
{ {
id: 3, id: 3,
title: "People & Lifestyle", description: "Authentic human moments, lifestyle photography, and portrait sessions", phoneOne: { 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"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/portrait-photography-of-diverse-person-i-1772871141220-284a5074.png?_wi=1"
},
phoneTwo: { 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?_wi=1"
},
}, },
{ {
id: 4, id: 4,
title: "Food & Beverage", description: "Appetizing food photography and beverage styling for all projects", phoneOne: { 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"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbpKsAQL6qUqcl3ofmKSCepFrJ/beautifully-styled-food-photography-with-1772871141968-385a081b.png?_wi=1"
},
phoneTwo: { 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?_wi=1"
},
}, },
]} ]}
showStepNumbers={true} showStepNumbers={true}
@@ -195,7 +214,8 @@ export default function HomePage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ 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} speed={40}
showCard={true} showCard={true}
/> />
@@ -204,23 +224,27 @@ export default function HomePage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen <TestimonialCardSixteen
title="What Photographers & Users Say" title="What Photographers & Users Say"
description="Hear from the community about how Pixelshed helps them create and discover amazing photography" description="98% of users recommend Pixelshed to other creators. Hear from the community about how Pixelshed helps them create and discover amazing photography"
tag="Community Love" tag="Community Love"
tagIcon={Heart} tagIcon={Heart}
tagAnimation="slide-up" tagAnimation="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", name: "Sarah Photography", role: "Professional Photographer", company: "Creative Studios", rating: 5, 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"}, 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: "2", name: "Michael Chen", role: "Graphic Designer", company: "Design Agency", rating: 5, 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"}, 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: "3", name: "Emma Rodriguez", role: "Content Creator", company: "Digital Marketing", rating: 5, 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"}, 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: "4", name: "James Wilson", role: "Product Manager", company: "Tech Startup", rating: 5, 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"}, 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"
},
]} ]}
kpiItems={[ kpiItems={[
{ value: "50M+", label: "Photos Downloaded" }, { value: "50M+", label: "Photos Downloaded" },

8
src/app/styles/variables.css
View File

@@ -12,13 +12,13 @@
--background: #ffffff; --background: #ffffff;
--card: #f9f9f9; --card: #f9f9f9;
--foreground: #120a00e6; --foreground: #000f06e6;
--primary-cta: #FF7B05; --primary-cta: #0a7039;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9; --secondary-cta: #f9f9f9;
--secondary-cta-text: #120a00e6; --secondary-cta-text: #000f06e6;
--accent: #e2e2e2; --accent: #e2e2e2;
--background-accent: #FF7B05; --background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);