|
|
|
|
@@ -9,15 +9,15 @@ import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSp
|
|
|
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
|
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
|
|
|
import Link from "next/link";
|
|
|
|
|
import { Sparkles, Layers, RotateCcw, Mail } from "lucide-react";
|
|
|
|
|
import { Sparkles, Layers, RotateCcw, Mail, Star } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function HomePage() {
|
|
|
|
|
const navItems = [
|
|
|
|
|
{ name: "Shop", id: "shop" },
|
|
|
|
|
{ name: "Sets", id: "sets" },
|
|
|
|
|
{ name: "Hoodies", id: "hoodies" },
|
|
|
|
|
{ name: "Sweatpants", id: "sweatpants" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Shop", id: "/shop" },
|
|
|
|
|
{ name: "Sets", id: "/shop/sets" },
|
|
|
|
|
{ name: "Hoodies", id: "/shop/hoodies" },
|
|
|
|
|
{ name: "Sweatpants", id: "/shop/sweatpants" },
|
|
|
|
|
{ name: "About", id: "/about" },
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const footerColumns = [
|
|
|
|
|
@@ -64,7 +64,7 @@ export default function HomePage() {
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
brandName="ARCT Amsterdam"
|
|
|
|
|
navItems={navItems}
|
|
|
|
|
button={{ text: "Cart", href: "#" }}
|
|
|
|
|
button={{ text: "Cart", href: "/shop" }}
|
|
|
|
|
animateOnLoad={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -113,15 +113,18 @@ export default function HomePage() {
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
title="Featured Collection"
|
|
|
|
|
description="Explore our core essentials, crafted for everyday wear."
|
|
|
|
|
tag="Core Essentials"
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "hoodie-grey", name: "Heavyweight Hoodie — Heather Grey", price: "€149", imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-laptop-lake_23-2148573104.jpg?_wi=1", imageAlt: "ARCT Heavyweight Hoodie in Heather Grey"},
|
|
|
|
|
id: "hoodie-grey", name: "Heavyweight Hoodie — Heather Grey", price: "€149", imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-laptop-lake_23-2148573104.jpg?_wi=1", imageAlt: "ARCT Heavyweight Hoodie in Heather Grey", onProductClick: () => window.location.href = "/shop/hoodies"},
|
|
|
|
|
{
|
|
|
|
|
id: "hoodie-navy", name: "Heavyweight Hoodie — Deep Navy", price: "€149", imageSrc: "http://img.b2bpic.net/free-photo/man-isolated-showing-emotions-end-gestures_1303-30107.jpg?_wi=1", imageAlt: "ARCT Heavyweight Hoodie in Deep Navy"},
|
|
|
|
|
id: "hoodie-navy", name: "Heavyweight Hoodie — Deep Navy", price: "€149", imageSrc: "http://img.b2bpic.net/free-photo/man-isolated-showing-emotions-end-gestures_1303-30107.jpg?_wi=1", imageAlt: "ARCT Heavyweight Hoodie in Deep Navy", onProductClick: () => window.location.href = "/shop/hoodies"},
|
|
|
|
|
{
|
|
|
|
|
id: "sweatpants-grey", name: "Heavyweight Sweatpants — Heather Grey", price: "€129", imageSrc: "http://img.b2bpic.net/free-photo/full-view-male-man-street-look-camera_197531-33432.jpg?_wi=1", imageAlt: "ARCT Heavyweight Sweatpants in Heather Grey"},
|
|
|
|
|
id: "sweatpants-grey", name: "Heavyweight Sweatpants — Heather Grey", price: "€129", imageSrc: "http://img.b2bpic.net/free-photo/full-view-male-man-street-look-camera_197531-33432.jpg?_wi=1", imageAlt: "ARCT Heavyweight Sweatpants in Heather Grey", onProductClick: () => window.location.href = "/shop/sweatpants"},
|
|
|
|
|
{
|
|
|
|
|
id: "sweatpants-navy", name: "Heavyweight Sweatpants — Deep Navy", price: "€129", imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg?_wi=1", imageAlt: "ARCT Heavyweight Sweatpants in Deep Navy"},
|
|
|
|
|
id: "sweatpants-navy", name: "Heavyweight Sweatpants — Deep Navy", price: "€129", imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg?_wi=1", imageAlt: "ARCT Heavyweight Sweatpants in Deep Navy", onProductClick: () => window.location.href = "/shop/sweatpants"},
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -133,7 +136,9 @@ export default function HomePage() {
|
|
|
|
|
<div id="about-arct" data-section="about-arct" className="py-20 mx-auto px-4 md:px-6">
|
|
|
|
|
<InlineImageSplitTextAbout
|
|
|
|
|
heading={[
|
|
|
|
|
{ type: "text", content: "Built for calm confidence." },
|
|
|
|
|
{ type: "text", content: "Built for" },
|
|
|
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg", alt: "ARCT brand aesthetic" },
|
|
|
|
|
{ type: "text", content: "calm confidence." },
|
|
|
|
|
]}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[
|
|
|
|
|
@@ -146,7 +151,7 @@ export default function HomePage() {
|
|
|
|
|
<div id="email-capture" data-section="email-capture" className="py-16 max-w-2xl mx-auto text-center px-4 md:px-6">
|
|
|
|
|
<ContactCenter
|
|
|
|
|
tag="Early Access"
|
|
|
|
|
title="Early access, quietly."
|
|
|
|
|
title="Get First Access to New Drops"
|
|
|
|
|
description="Subscribe for early releases, limited runs, and restock updates. No hype. No spam."
|
|
|
|
|
tagIcon={Mail}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
@@ -166,4 +171,4 @@ export default function HomePage() {
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
