-
Notifications
You must be signed in to change notification settings - Fork 456
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
20 changed files
with
338 additions
and
301 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -39,4 +39,5 @@ next-env.d.ts | |
| pnpm-lock.yaml | ||
| bun.lockb | ||
| package-lock.json | ||
| yarn.lock | ||
| yarn.lock | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| import NextTopLoader from 'nextjs-toploader'; | ||
|
|
||
| export default function TopLoader() { | ||
| return ( | ||
| <> | ||
| <NextTopLoader | ||
| color="#2299DD" | ||
| initialPosition={0.08} | ||
| crawlSpeed={200} | ||
| height={3} | ||
| crawl={true} | ||
| showSpinner={true} | ||
| easing="ease" | ||
| speed={200} | ||
| shadow="0 0 10px $2299DD, 0 0 5px #2299DD" | ||
| /> | ||
| </> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,115 +1,32 @@ | ||
| import React from 'react'; | ||
| import Marquee from './ui/Marquee'; | ||
| import Image from 'next/image'; | ||
| // import Marquee from "@/components/magicui/marquee"; | ||
|
|
||
| const reviews = [ | ||
| { | ||
| name: 'Jack', | ||
| username: '@jack', | ||
| body: "I've never seen anything like this before. It's amazing. I love it.", | ||
| img: 'https://avatar.vercel.sh/jack', | ||
| }, | ||
| { | ||
| name: 'Jill', | ||
| username: '@jill', | ||
| body: "I don't know what to say. I'm speechless. This is amazing.", | ||
| img: 'https://avatar.vercel.sh/jill', | ||
| }, | ||
| { | ||
| name: 'John', | ||
| username: '@john', | ||
| body: "I'm at a loss for words. This is amazing. I love it.", | ||
| img: 'https://avatar.vercel.sh/john', | ||
| }, | ||
| { | ||
| name: 'Jane', | ||
| username: '@jane', | ||
| body: "I'm at a loss for words. This is amazing. I love it.", | ||
| img: 'https://avatar.vercel.sh/jane', | ||
| }, | ||
| { | ||
| name: 'Jenny', | ||
| username: '@jenny', | ||
| body: "I'm at a loss for words. This is amazing. I love it.", | ||
| img: 'https://avatar.vercel.sh/jenny', | ||
| }, | ||
| { | ||
| name: 'James', | ||
| username: '@james', | ||
| body: "I'm at a loss for words. This is amazing. I love it.", | ||
| img: 'https://avatar.vercel.sh/james', | ||
| }, | ||
| ]; | ||
| import Marquee from './ui/Marquee'; | ||
|
|
||
| const imageList = [ | ||
| { | ||
| id: 1, | ||
| src: './microsoft.svg', | ||
| }, | ||
| { | ||
| id: 2, | ||
| src: './solana.svg', | ||
| }, | ||
| { | ||
| id: 3, | ||
| src: './google.svg', | ||
| }, | ||
| const logos = [ | ||
| { src: '/microsoft.svg', alt: 'Microsoft', width: 190, height: 50 }, | ||
| { src: '/google.svg', alt: 'Google', width: 140, height: 25 }, | ||
| { src: '/solana.svg', alt: 'Solana', width: 180, height: 50 }, | ||
| // Add more logos here | ||
| ]; | ||
|
|
||
| const firstRow = reviews.slice(0, reviews.length / 2); | ||
|
|
||
| const ReviewCard = ({}) => { | ||
| export function LogoMarquee() { | ||
| return ( | ||
| <div className="flex flex-row items-center justify-evenly overflow-hidden md:shadow-xl"> | ||
| {imageList.concat(imageList).map((item, index) => { | ||
| return ( | ||
| <Image | ||
| className="ml-10" | ||
| src={item.src} | ||
| alt="companies" | ||
| width={200} | ||
| height={100} | ||
| key={index} | ||
| /> | ||
| ); | ||
| })} | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export function MarqueeDemo() { | ||
| return ( | ||
| <div className="w-screen relative flex flex-row h-[200px] w-full flex-col items-center justify-center overflow-hidden md:w-full"> | ||
| <Marquee pauseOnHover className="[--duration:50s]"> | ||
| {firstRow.map((review) => ( | ||
| <ReviewCard key={review.username} {...review} /> | ||
| ))} | ||
| </Marquee> | ||
|
|
||
| {/* <div className="pointer-events-none absolute inset-y-0 left-0 w-1/3 bg-gradient-to-r from-white dark:from-background"></div> | ||
| <div className="pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-l from-white dark:from-background"></div> */} | ||
| <div className="relative flex items-center justify-center "> | ||
| <div className="mt-14 sm:mt-24 mb-10 relative flex mx-auto w-[80vw] sm:w-[75vw] items-center justify-center overflow-hidden "> | ||
| <Marquee className="[--duration:20s]"> | ||
| {logos.map((logo) => ( | ||
| <div key={logo.alt} className="px-4 flex items-center"> | ||
| <Image | ||
| src={logo.src} | ||
| alt={logo.alt} | ||
| width={logo.width} | ||
| height={logo.height} | ||
| /> | ||
| </div> | ||
| ))} | ||
| </Marquee> | ||
| <div className="pointer-events-none absolute inset-y-0 left-0 w-1/3 bg-gradient-to-r dark:from-neutral-950"></div> | ||
| <div className="pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-l dark:from-neutral-950"></div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| // <figure | ||
| // className={cn( | ||
| // 'relative w-64 cursor-pointer overflow-hidden rounded-xl border p-4', | ||
| // // light styles | ||
| // 'border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05]', | ||
| // // dark styles | ||
| // 'dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]' | ||
| // )} | ||
| // > | ||
| // {imageList.concat(imageList).map((item, index) => ( | ||
| // <Image | ||
| // className="ml-10" | ||
| // src={item.src} | ||
| // alt="companies" | ||
| // width={200} | ||
| // height={100} | ||
| // key={index} | ||
| // /> | ||
| // ))} | ||
| // </figure> |
Oops, something went wrong.