Merge version_2 into main #4
255
src/app/page.tsx
255
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Box, Instagram, Layers, Twitter, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -28,144 +28,123 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Archive", id: "about" },
|
||||
{ name: "Studio", id: "products" },
|
||||
{ name: "Services", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shikshak"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Archive", id: "about" },
|
||||
{ name: "Studio", id: "products" },
|
||||
{ name: "Services", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shikshak"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
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" }
|
||||
]}
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="The Shikshak Archive"
|
||||
description="Where digital oak meets liquid gold. A reimagined portfolio for 2026."
|
||||
buttons={[{ text: "Explore Archive" }, { text: "View Studio" }]}
|
||||
slides={[
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
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." }
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: 'text', content: 'Editorial ' },
|
||||
{ type: 'image', src: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-minimalist-luxury-book-with-gold-leaf--1774790358531-c92a6196.png?_wi=2', alt: 'Gold' },
|
||||
{ type: 'text', content: ' Essence' }
|
||||
]}
|
||||
buttons={[{ text: "Discover Legacy" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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="Architectural Digitality"
|
||||
description="A set of high-performance tools designed to transform your digital presence into an elite manuscript."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Architectural Digitality"
|
||||
description="High-performance tools for an elite digital presence."
|
||||
features={[
|
||||
{ title: "Fluid Motion", description: "Lenis-powered smooth inertia.", icon: Zap, mediaItems: [{}, {}] },
|
||||
{ title: "3D Immersion", description: "Three.js frame-by-frame scrubbing.", icon: Box, mediaItems: [{}, {}] },
|
||||
{ title: "Liquid Glass", description: "High-fidelity blurred glass visuals.", icon: Layers, mediaItems: [{}, {}] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
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" }
|
||||
]}
|
||||
title="Project Archive"
|
||||
description="Manuscripts of our latest endeavors in design and engineering."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={true}
|
||||
title="Project Archive"
|
||||
description="Manuscripts of our latest endeavors."
|
||||
products={[
|
||||
{ id: "1", name: "Oak Study Table", price: "$12,000", variant: "Furniture", 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", name: "Gold Fountain Pen", price: "$800", variant: "Accessory", 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", name: "E-Reader Pro", price: "$450", variant: "Tech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-futuristic-tech-interface-device-with--1774790358693-6e972373.png?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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: "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."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Membership Portal"
|
||||
description="Access the inner circle."
|
||||
plans={[
|
||||
{ id: "basic", badge: "Essentials", price: "$2,500", subtitle: "Annual Access", features: ["Limited access", "Daily updates"] },
|
||||
{ id: "elite", badge: "Elite", price: "$12,000", subtitle: "Premium Access", features: ["Unlimited access", "Priority engineering"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<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" }
|
||||
]}
|
||||
cardTitle="Client Provenance"
|
||||
cardAnimation="blur-reveal"
|
||||
cardTag="Testimonials"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Client Provenance"
|
||||
description="Proven excellence from our partners."
|
||||
kpiItems={[{ value: "150+", label: "Projects" }, { value: "98%", label: "Retention" }, { value: "2026", label: "Standards" }]}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Design Lead", company: "Arch Corp", 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", role: "Tech Director", company: "Gold Tech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZSdc5ko43KzDl1VnmunEjc8Q/a-stylized-professional-portrait-of-an-a-1774790360974-8e38aee7.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
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" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get In Touch"
|
||||
title="Submit your inquiry."
|
||||
description="Collaborate on a new project or join the collective."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Shikshak 2026"
|
||||
copyrightText="© 2026 Shikshak Archive. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Archive", items: [{ label: "History" }, { label: "Works" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms" }, { label: "Privacy" }] }
|
||||
]}
|
||||
bottomLeftText="© 2026 Shikshak Archive"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user