From 88d3a77c11ea7ae197633208dac05c4652664e07 Mon Sep 17 00:00:00 2001 From: Dong-Ha Kim Date: Fri, 9 Feb 2024 15:28:46 +0100 Subject: [PATCH 01/20] feat: partners carousel --- src/app/(routes)/across-bridge/page.tsx | 9 ++- src/app/(routes)/across-plus/page.tsx | 9 ++- src/app/(routes)/across-settlement/page.tsx | 9 ++- src/app/(routes)/globals.css | 9 +++ src/app/(routes)/page.tsx | 8 ++- src/app/_components/header-nav/index.tsx | 2 +- src/app/_components/hero.tsx | 15 +++++ src/app/_components/icons/index.tsx | 1 + src/app/_components/icons/partner-1.tsx | 41 ++++++++++++++ src/app/_components/partners-carousel.tsx | 62 +++++++++++++++++++++ tailwind.config.ts | 12 ++++ 11 files changed, 165 insertions(+), 12 deletions(-) create mode 100644 src/app/_components/hero.tsx create mode 100644 src/app/_components/icons/partner-1.tsx create mode 100644 src/app/_components/partners-carousel.tsx diff --git a/src/app/(routes)/across-bridge/page.tsx b/src/app/(routes)/across-bridge/page.tsx index 59d5da4..a9b88dd 100644 --- a/src/app/(routes)/across-bridge/page.tsx +++ b/src/app/(routes)/across-bridge/page.tsx @@ -1,5 +1,6 @@ import { Metadata } from "next"; -import Image from "next/image"; + +import { Hero } from "@/app/_components/hero"; export const metadata: Metadata = { title: "Across Bridge", @@ -8,8 +9,10 @@ export const metadata: Metadata = { export default function BridgeLanding() { return ( -
- Across Bridge +
+ +
Across Bridge
+
); } diff --git a/src/app/(routes)/across-plus/page.tsx b/src/app/(routes)/across-plus/page.tsx index 791c73b..d98b62d 100644 --- a/src/app/(routes)/across-plus/page.tsx +++ b/src/app/(routes)/across-plus/page.tsx @@ -1,5 +1,6 @@ import { Metadata } from "next"; -import Image from "next/image"; + +import { Hero } from "@/app/_components/hero"; export const metadata: Metadata = { title: "Across Plus", @@ -8,8 +9,10 @@ export const metadata: Metadata = { export default function PlusLanding() { return ( -
- Across+ +
+ +
Across Plus
+
); } diff --git a/src/app/(routes)/across-settlement/page.tsx b/src/app/(routes)/across-settlement/page.tsx index 554f1ce..00e761c 100644 --- a/src/app/(routes)/across-settlement/page.tsx +++ b/src/app/(routes)/across-settlement/page.tsx @@ -1,5 +1,6 @@ import { Metadata } from "next"; -import Image from "next/image"; + +import { Hero } from "@/app/_components/hero"; export const metadata: Metadata = { title: "Across Settlement", @@ -8,8 +9,10 @@ export const metadata: Metadata = { export default function SettlementLanding() { return ( -
- Settlement +
+ +
Across Settlement
+
); } diff --git a/src/app/(routes)/globals.css b/src/app/(routes)/globals.css index b5c61c9..307e2cb 100644 --- a/src/app/(routes)/globals.css +++ b/src/app/(routes)/globals.css @@ -1,3 +1,12 @@ @tailwind base; @tailwind components; @tailwind utilities; + +:root { + /* These variables are used for the infinite scrolling effect in _components/partners-carousel.tsx */ + --no-of-slides: 6; + --slides-in-view: 4; + --slide-width: 200px; + --slide-height: 56px; + --iteration-time: 15s; +} diff --git a/src/app/(routes)/page.tsx b/src/app/(routes)/page.tsx index b7a4057..818060d 100644 --- a/src/app/(routes)/page.tsx +++ b/src/app/(routes)/page.tsx @@ -1,5 +1,7 @@ import { Metadata } from "next"; +import { Hero } from "@/app/_components/hero"; + export const metadata: Metadata = { title: "Home | Across Protocol", description: "Interoperability powered by Intents.", @@ -7,8 +9,10 @@ export const metadata: Metadata = { export default function Home() { return ( -
- Home +
+ +
Home
+
); } diff --git a/src/app/_components/header-nav/index.tsx b/src/app/_components/header-nav/index.tsx index 80d952d..026a000 100644 --- a/src/app/_components/header-nav/index.tsx +++ b/src/app/_components/header-nav/index.tsx @@ -80,7 +80,7 @@ export function HeaderNav() { ); return ( -
+