Merge version_1 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Archive",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Studio",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Archive", id: "about" },
|
||||
{ name: "Studio", id: "products" },
|
||||
{ name: "Services", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shikshak"
|
||||
/>
|
||||
@@ -54,52 +42,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background="canvas-reveal"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
title="The Shikshak Archive"
|
||||
description="Where digital oak meets liquid gold. A reimagined portfolio for 2026."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png?_wi=1",
|
||||
imageAlt: "Library Aisle",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png?_wi=2",
|
||||
imageAlt: "Library Aisle",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png?_wi=3",
|
||||
imageAlt: "Library Aisle",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png?_wi=4",
|
||||
imageAlt: "Library Aisle",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png?_wi=5",
|
||||
imageAlt: "Library Aisle",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png", imageAlt: "Library Aisle" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png", imageAlt: "Library Aisle" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png", imageAlt: "Library Aisle" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png", imageAlt: "Library Aisle" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-ambient-high-end-3d-infinite-library--1774790361756-4be25492.png", imageAlt: "Library Aisle" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png?_wi=1",
|
||||
imageAlt: "Book",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-exquisite-piece-of-furniture-design-i-1774790358743-0946158e.png?_wi=1",
|
||||
imageAlt: "Furniture",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-futuristic-tech-interface-device-with--1774790358693-6e972373.png?_wi=1",
|
||||
imageAlt: "Device",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png?_wi=2",
|
||||
imageAlt: "Book",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-exquisite-piece-of-furniture-design-i-1774790358743-0946158e.png?_wi=2",
|
||||
imageAlt: "Furniture",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png", imageAlt: "Book" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-exquisite-piece-of-furniture-design-i-1774790358743-0946158e.png", imageAlt: "Furniture" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-futuristic-tech-interface-device-with--1774790358693-6e972373.png", imageAlt: "Device" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png", imageAlt: "Book" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-exquisite-piece-of-furniture-design-i-1774790358743-0946158e.png", imageAlt: "Furniture" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,18 +69,9 @@ export default function LandingPage() {
|
||||
title="Editorial Essence"
|
||||
description="We craft experiences that blend the tactile nature of physical archives with the high-speed intelligence of digital architecture. Your story, preserved in gold."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Curation",
|
||||
description: "Hand-picked aesthetics for modern brands.",
|
||||
},
|
||||
{
|
||||
title: "Innovation",
|
||||
description: "Vibe-coding interfaces for 2026 standards.",
|
||||
},
|
||||
{
|
||||
title: "Legacy",
|
||||
description: "Building sustainable digital assets.",
|
||||
},
|
||||
{ title: "Curation", description: "Hand-picked aesthetics for modern brands." },
|
||||
{ title: "Innovation", description: "Vibe-coding interfaces for 2026 standards." },
|
||||
{ title: "Legacy", description: "Building sustainable digital assets." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-close-up-aesthetic-shot-of-textured-bu-1774790358883-fc4c6134.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -131,24 +80,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fluid Motion",
|
||||
description: "Lenis-powered smooth inertia.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "3D Immersion",
|
||||
description: "Three.js frame-by-frame scrubbing.",
|
||||
icon: Box,
|
||||
},
|
||||
{
|
||||
title: "Liquid Glass",
|
||||
description: "High-fidelity blurred glass visuals.",
|
||||
icon: Layers,
|
||||
},
|
||||
{ title: "Fluid Motion", description: "Lenis-powered smooth inertia.", icon: Zap },
|
||||
{ title: "3D Immersion", description: "Three.js frame-by-frame scrubbing.", icon: Box },
|
||||
{ title: "Liquid Glass", description: "High-fidelity blurred glass visuals.", icon: Layers }
|
||||
]}
|
||||
title="Architectural Digitality"
|
||||
description="A set of high-performance tools designed to transform your digital presence into an elite manuscript."
|
||||
@@ -162,33 +100,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Archive",
|
||||
name: "Oak Study Table",
|
||||
price: "$12,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-exquisite-piece-of-furniture-design-i-1774790358743-0946158e.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Archive",
|
||||
name: "Gold Fountain Pen",
|
||||
price: "$800",
|
||||
rating: 5,
|
||||
reviewCount: "48",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Archive",
|
||||
name: "E-Reader Pro",
|
||||
price: "$450",
|
||||
rating: 4,
|
||||
reviewCount: "102",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-futuristic-tech-interface-device-with--1774790358693-6e972373.png?_wi=2",
|
||||
},
|
||||
{ id: "1", brand: "Archive", name: "Oak Study Table", price: "$12,000", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/an-exquisite-piece-of-furniture-design-i-1774790358743-0946158e.png" },
|
||||
{ id: "2", brand: "Archive", name: "Gold Fountain Pen", price: "$800", rating: 5, reviewCount: "48", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png" },
|
||||
{ id: "3", brand: "Archive", name: "E-Reader Pro", price: "$450", rating: 4, reviewCount: "102", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-futuristic-tech-interface-device-with--1774790358693-6e972373.png" }
|
||||
]}
|
||||
title="Project Archive"
|
||||
description="Manuscripts of our latest endeavors in design and engineering."
|
||||
@@ -202,37 +116,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essentials",
|
||||
price: "$2,500",
|
||||
period: "/year",
|
||||
description: "Standard access to archive collections.",
|
||||
button: {
|
||||
text: "Join",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Limited access",
|
||||
"Daily updates",
|
||||
"Email support",
|
||||
],
|
||||
id: "basic", tag: "Essentials", price: "$2,500", period: "/year", description: "Standard access to archive collections.", button: { text: "Join" },
|
||||
featuresTitle: "Included", features: ["Limited access", "Daily updates", "Email support"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Elite",
|
||||
price: "$12,000",
|
||||
period: "/year",
|
||||
description: "Full access to our gold-tier projects.",
|
||||
button: {
|
||||
text: "Upgrade",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"Unlimited access",
|
||||
"Priority engineering",
|
||||
"Direct support",
|
||||
],
|
||||
},
|
||||
id: "pro", tag: "Elite", price: "$12,000", period: "/year", description: "Full access to our gold-tier projects.", button: { text: "Upgrade" },
|
||||
featuresTitle: "Everything in Basic, plus:", features: ["Unlimited access", "Priority engineering", "Direct support"]
|
||||
}
|
||||
]}
|
||||
title="Membership Portal"
|
||||
description="Access the inner circle of our design archives."
|
||||
@@ -243,31 +133,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-a-mo-1774790360758-59fc85cc.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-an-a-1774790360974-8e38aee7.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rose",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-professional-portrait-of-a-tech-lead-1774790359801-c72b40e4.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex Smith",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-professional-portrait-of-a-designer-1774790358159-9d385bc9.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan Lee",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-a-mo-1774790360758-59fc85cc.png?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-a-mo-1774790360758-59fc85cc.png" },
|
||||
{ id: "2", name: "David Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-an-a-1774790360974-8e38aee7.png" },
|
||||
{ id: "3", name: "Emily Rose", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-professional-portrait-of-a-tech-lead-1774790359801-c72b40e4.png" },
|
||||
{ id: "4", name: "Alex Smith", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-professional-portrait-of-a-designer-1774790358159-9d385bc9.png" },
|
||||
{ id: "5", name: "Jordan Lee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-a-mo-1774790360758-59fc85cc.png" }
|
||||
]}
|
||||
cardTitle="Client Provenance"
|
||||
cardAnimation="blur-reveal"
|
||||
@@ -278,17 +148,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get In Touch"
|
||||
title="Submit your inquiry."
|
||||
description="Submit a request to collaborate on a new project or join the collective."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Ink-Bleed Request",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Send Ink-Bleed Request" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -297,16 +161,8 @@ export default function LandingPage() {
|
||||
logoText="Shikshak 2026"
|
||||
copyrightText="© 2026 Shikshak Archive. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user