[V0_FILE]typescriptreact:file="tailwind.config.js" isMerged="true" const { fontFamily } = require("tailwindcss/defaultTheme") /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: ["app/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, fontFamily: { sans: ["var(--font-sans)", ...fontFamily.sans], }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")], } [V0_FILE]typescriptreact:file="app/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" import React from "react" import Image from "next/image" import Link from "next/link" import { Instagram, Mail, Menu } from "lucide-react" import { Button } from "@/components/ui/button" import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet" import { motion } from "framer-motion" const RandomImage = ({ src, alt }: { src: string; alt: string }) => { const [position, setPosition] = React.useState({ x: 0, y: 0 }) React.useEffect(() => { const interval = setInterval(() => { setPosition({ x: Math.random() * 20 - 10, y: Math.random() * 20 - 10, }) }, 5000) return () => clearInterval(interval) }, []) return ( {alt}

) } export default function Page() { const containerRef = React.useRef(null) return (

{/* Navigation */}

KONDO_ORANGE

Work About Contact

{/* Hero Section */}

KONDO_ORANGE
Photo Portfolio

Capturing Urban Stories

{/* Gallery Grid */}

Featured Work

{/* Featured Project */}

OSUZU

Portrait Series, 2022

Canon EOS R6

RF24-105mm f4 L IS USM

NIGHT LIGHTS

URBAN SOUL

STREET LIFE

CONCRETE JUNGLE

NEON DREAMS

{/* About Section */}

ABOUT

Based in Fukuoka and Tokyo, I navigate the urban landscape through my lens, capturing authentic moments and raw emotions in the streets of Japan.

My signature style blends street culture aesthetics with cinematic portraiture, creating visual narratives that resonate with the pulse of the city. Currently working as a photographer for "MUSCLE PLUS" stock photo service and as a still photographer in film production.

Gear

CANON EOS R6
RICOH GRⅢx
Pentax Optio H90

{/* Contact Section */}

CONTACT

Let's work together

{/* Footer */}

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This