Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 964ae5bc52 | |||
| 9c43541133 | |||
| db1fc4f973 | |||
| 498527b6b9 |
203
src/app/page.tsx
203
src/app/page.tsx
@@ -28,17 +28,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Initiation",
|
||||
id: "#initiation",
|
||||
},
|
||||
name: "Initiation", id: "#initiation"},
|
||||
{
|
||||
name: "Privileges",
|
||||
id: "#privileges",
|
||||
},
|
||||
name: "Privileges", id: "#privileges"},
|
||||
{
|
||||
name: "Waitlist",
|
||||
id: "#waitlist",
|
||||
},
|
||||
name: "Waitlist", id: "#waitlist"},
|
||||
]}
|
||||
brandName="AURA"
|
||||
/>
|
||||
@@ -47,182 +41,58 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Ownership, not attention."
|
||||
description="AURA identifies individuals whose influence, taste, and trajectory warrant recognition. Membership is not applied for — it's recognized. 1,000 cards. No exceptions."
|
||||
testimonials={[
|
||||
{
|
||||
name: "AURA Waitlist",
|
||||
handle: "847 / 1,000",
|
||||
testimonial: "Positions claimed",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP95jECVLfk3Nu2UwuykvgPlja/halftone-dot-matrix-style-greek-statue-f-1775162995714-10ccc44d.png?_wi=1",
|
||||
imageAlt: "Halftone dot-matrix style Greek statue face, grayscale, high contrast, geometric white blocks overla",
|
||||
},
|
||||
name: "AURA Waitlist", handle: "847 / 1,000", testimonial: "Positions claimed", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP95jECVLfk3Nu2UwuykvgPlja/halftone-dot-matrix-style-greek-statue-f-1775162995714-10ccc44d.png?_wi=1", imageAlt: "Halftone dot-matrix style Greek statue face"},
|
||||
{
|
||||
name: "Institutional",
|
||||
handle: "08 / 10",
|
||||
testimonial: "Allocation secured",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-cliffside-villa_23-2152016390.jpg?_wi=1",
|
||||
imageAlt: "luxury villa interior black white",
|
||||
},
|
||||
{
|
||||
name: "Founding",
|
||||
handle: "12 / 50",
|
||||
testimonial: "Early access granted",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg?_wi=1",
|
||||
imageAlt: "luxury car interior close up",
|
||||
},
|
||||
{
|
||||
name: "Strategic",
|
||||
handle: "04 / 20",
|
||||
testimonial: "Partnership locked",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1655.jpg?_wi=1",
|
||||
imageAlt: "private chauffeur luxury car door",
|
||||
},
|
||||
{
|
||||
name: "Private",
|
||||
handle: "01 / 01",
|
||||
testimonial: "Entry confirmed",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tin-can-kitchen-towel_23-2148785185.jpg?_wi=1",
|
||||
imageAlt: "luxury concierge desk minimalist",
|
||||
},
|
||||
name: "Institutional", handle: "08 / 10", testimonial: "Allocation secured", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP95jECVLfk3Nu2UwuykvgPlja/uploaded-1775163166849-c9vupzoe.jpg?_wi=1", imageAlt: "Halftone high contrast texture"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP95jECVLfk3Nu2UwuykvgPlja/halftone-dot-matrix-style-greek-statue-f-1775162995714-10ccc44d.png?_wi=2"
|
||||
imageAlt="AURA Halftone Statue"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-cliffside-villa_23-2152016390.jpg",
|
||||
alt: "Avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg",
|
||||
alt: "Avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1655.jpg",
|
||||
alt: "Avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-tin-can-kitchen-towel_23-2148785185.jpg",
|
||||
alt: "Avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-catering-with-grey-napkins-table-cutlery-forks-glasses-decorated-with-greenery-candles_8353-11497.jpg",
|
||||
alt: "Avatar 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "DISCREET",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "LUXURY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PERMANENT",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ESSENTIAL",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ELITE",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="initiation" data-section="initiation">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Initiation: $50,000 / Annual: $40,000 / Positions: 1,000"
|
||||
useInvertedBackground={true}
|
||||
title="Initiation: $50,000 / Annual Fee: $40,000 / Positions: 1,000"
|
||||
className="bg-black text-white"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="privileges" data-section="privileges">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "I — Private Residences",
|
||||
description: "Complimentary stays at curated villas across 30+ destinations. Mediterranean. Alps. Caribbean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-cliffside-villa_23-2152016390.jpg?_wi=2",
|
||||
imageAlt: "Villa",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "II — Ground Fleet",
|
||||
description: "Full access to a private vehicle fleet. Porsche. Range Rover. Mercedes-AMG.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg?_wi=2",
|
||||
imageAlt: "Cars",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "III — Chauffeur & Rides",
|
||||
description: "Unlimited black car service in every major city. Always on.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1655.jpg?_wi=2",
|
||||
imageAlt: "Chauffeur",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "IV — Concierge",
|
||||
description: "A dedicated human available 24/7. Impossible tickets? We get them.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tin-can-kitchen-towel_23-2148785185.jpg?_wi=2",
|
||||
imageAlt: "Concierge",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "V — Private Events",
|
||||
description: "Invitation to quarterly gatherings. No cameras. No content.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-catering-with-grey-napkins-table-cutlery-forks-glasses-decorated-with-greenery-candles_8353-11497.jpg",
|
||||
imageAlt: "Events",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: "VI — Travel",
|
||||
description: "First-class flight upgrades, private terminal access, expedited customs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-staff-interacting-with-passenger_107420-85082.jpg",
|
||||
imageAlt: "Travel",
|
||||
},
|
||||
{ id: 1, title: "I — Private Residences", description: "Exclusive access to global estates.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP95jECVLfk3Nu2UwuykvgPlja/uploaded-1775163166849-r1xmh204.jpg" },
|
||||
{ id: 2, title: "II — Ground Fleet", description: "Private vehicle access 24/7.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP95jECVLfk3Nu2UwuykvgPlja/uploaded-1775163166849-c9vupzoe.jpg" }
|
||||
]}
|
||||
title="The AURA Standard."
|
||||
description="What the card unlocks."
|
||||
description="$40,000 annual fee includes full access to all member privileges."
|
||||
className="bg-white text-black"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="card-showcase" data-section="card-showcase">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="The weight of silver. Brushed titanium. Laser-engraved. Numbered 001 through 1,000."
|
||||
useInvertedBackground={true}
|
||||
title="The weight of silver. Brushed titanium. Laser-engraved. Numbered 001 through 1,000. $40,000 annual commitment."
|
||||
className="bg-black text-white"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="waitlist" data-section="waitlist">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Your position awaits. Claim your position."
|
||||
buttons={[
|
||||
{
|
||||
text: "Claim your position",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Membership is $40,000 annually. Your position awaits."
|
||||
className="bg-black text-white"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -230,33 +100,14 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="AURA"
|
||||
columns={[
|
||||
{
|
||||
title: "Club",
|
||||
items: [
|
||||
{
|
||||
label: "Status",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Inquiries",
|
||||
items: [
|
||||
{
|
||||
label: "AURACARD.COM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Club", items: [{ label: "Status", href: "#" }, { label: "Legal", href: "#" }] },
|
||||
{ title: "Inquiries", items: [{ label: "AURACARD.COM", href: "#" }] }
|
||||
]}
|
||||
copyrightText="AURA — MMXXVI"
|
||||
className="bg-black text-white"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #121212;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #c0c0c0;
|
||||
--card: #171717;
|
||||
--foreground: #e5e5e5;
|
||||
--primary-cta: #a3a3a3;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #404040;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #333333;
|
||||
--background-accent: #1a1a1a;
|
||||
--accent: #525252;
|
||||
--background-accent: #1f1f1f;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user