vercel / vercel/examples

WEBSITE

Open
#1,266 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
5.2k
Forks
1.8k
Avg merge
3d 12h
Merged PRs (30d)
6

Description

// RISE – One‑Page Fashion Landing // Tech: React (single file), Tailwind CSS utility classes, lucide-react icons, shadcn/ui components // Ready for Vercel/Netlify. Replace placeholder images/links with your own when ready.

import React from "react"; import { Button } from "@/components/ui/button"; import { Card, CardContent } from "@/components/ui/card"; import { Mail, ArrowRight, Flame, ShieldHalf, Sparkles, Instagram, Tiktok, Youtube } from "lucide-react";

const products = [ { id: 1, name: "RISE Hoodie – Tiger Backprint", price: "€69", img: "https://images.unsplash.com/photo-1548883354-7622d03aca70?q=80&w=1200&auto=format&fit=crop", tag: "Drop 001", }, { id: 2, name: "RISE Tee – Built, not born", price: "€35", img: "https://images.unsplash.com/photo-1549298916-b41d501d3772?q=80&w=1200&auto=format&fit=crop", tag: "Core", }, { id: 3, name: "RISE Cap – Icon", price: "€29", img: "https://images.unsplash.com/photo-1543087903-1ac2ec7aa8c5?q=80&w=1200&auto=format&fit=crop", tag: "Limited", }, ];

const Feature = ({ icon: Icon, title, text }: { icon: any; title: string; text: string }) => (

{title}

{text}

);

export default function RISELanding() { return (

{/* NAV */} RISE BUILT, NOT BORN Shop Story Lookbook Kontakt Shop Drop

{/* HERO */}

Drop 001

Eiskalt. Diszipliniert. Unaufhaltbar.

RISE ist keine Mode. Es ist eine Entscheidung. Tiger‑Backprint. Schwarzer Premium‑Hoodie. BUILT, NOT BORN.

Jetzt droppen Spot ansehen Schwere 450gsm Qualität Limited Run RISE premium hoodie BUILT, NOT BORN

{/* FEATURES */}

{/* SHOP */}

Shop den Drop

Alle Produkte {products.map(p => ( {p.tag}
{p.name}
{p.price} In den Warenkorb ))}

{/* VIDEO (Placeholder) */}

Werbespot – RISE

Füge hier dein 1‑min TikTok‑Video ein (MP4/URL). Platzhalter bis dein Clip fertig ist.

Video abspielen

{/* LOOKBOOK */}

{["https://images.unsplash.com/photo-1503341504253-dff4815485f1?q=80&w=1200&auto=format&fit=crop","https://images.unsplash.com/photo-1519751138087-5a2a2cfcaf19?q=80&w=1200&auto=format&fit=crop","https://images.unsplash.com/photo-1520975939530-7448c2878f65?q=80&w=1200&auto=format&fit=crop"].map((src,i)=>( ))}

{/* NEWSLETTER */}

Drop Alerts

Trag dich ein und verpass keinen Release. Kein Spam.

Notify

{/* FOOTER */}

©️ {new Date().getFullYear()} RISE — Built, Not Born.

Impressum Datenschutz AGB

); }

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the pasted single-file React landing page and the repository's existing example structure; no target file, test, or specific requested change is identified in the issue. Done would require an agreed scope for integrating the RISE website example, including its placeholder images, links, video, cart buttons, and newsletter form.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, tailwindcss, typescript
Domain
design, frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.