bender/0390e595-596a-42db-8dd1-91478fea5636
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-15 08:43:29 +00:00
parent 259b3fc762
commit f011fd87cc
1 changed files with 46 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

281
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Login",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Login", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="THE STUDY"
/>
@@ -55,123 +43,55 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Welcome Back to Your Study"
description="Unlock your potential in a space designed for excellence. Your dashboard awaits."
testimonials={[
{
name: "Eleanor Vance",
handle: "@eleanor",
testimonial: "The atmosphere of this portal is unmatched.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dkm6Mp1JKtpRuJ2XhDILICcz4l/uploaded-1778834552448-w7r5s4mx.png?_wi=1",
imageAlt: "User provided image",
},
name: "Eleanor Vance", handle: "@eleanor", testimonial: "The atmosphere of this portal is unmatched.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dkm6Mp1JKtpRuJ2XhDILICcz4l/uploaded-1778834552448-w7r5s4mx.png", imageAlt: "User provided image"},
{
name: "Arthur Pendelton",
handle: "@arthur",
testimonial: "Everything I need, organized beautifully.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/glasses-desk-office_23-2147707774.jpg?_wi=1",
imageAlt: "User provided image",
},
name: "Arthur Pendelton", handle: "@arthur", testimonial: "Everything I need, organized beautifully.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/glasses-desk-office_23-2147707774.jpg", imageAlt: "User provided image"},
{
name: "Julian Blackwood",
handle: "@julian",
testimonial: "Sophisticated tools for sophisticated minds.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-college-student-reads-writes-detailed-notes-new-course_482257-126409.jpg?_wi=1",
imageAlt: "User provided image",
},
name: "Julian Blackwood", handle: "@julian", testimonial: "Sophisticated tools for sophisticated minds.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-college-student-reads-writes-detailed-notes-new-course_482257-126409.jpg", imageAlt: "User provided image"},
{
name: "Catherine Reed",
handle: "@cathy",
testimonial: "My productivity reached new heights here.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pocket-watch-golden-sparkles_23-2147992608.jpg?_wi=1",
imageAlt: "User provided image",
},
name: "Catherine Reed", handle: "@cathy", testimonial: "My productivity reached new heights here.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pocket-watch-golden-sparkles_23-2147992608.jpg", imageAlt: "User provided image"},
{
name: "Dr. Vance",
handle: "@dr_vance",
testimonial: "A truly refined experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-18312.jpg",
imageAlt: "User provided image",
},
name: "Dr. Vance", handle: "@dr_vance", testimonial: "A truly refined experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-18312.jpg", imageAlt: "User provided image"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dkm6Mp1JKtpRuJ2XhDILICcz4l/uploaded-1778834552448-w7r5s4mx.png?_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dkm6Mp1JKtpRuJ2XhDILICcz4l/uploaded-1778834552448-w7r5s4mx.png"
imageAlt="The Study Login Backdrop"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg",
alt: "Portrait of handsome intellegent man",
},
{
src: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19895.jpg",
alt: "Pensive middle-aged man",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",
alt: "Portrait of brutal bearded macho male",
},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19282.jpg",
alt: "Studio portrait of bearded photographer",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg",
alt: "Medium shot woman holding books",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg", alt: "Portrait of handsome intellegent man" },
{ src: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19895.jpg", alt: "Pensive middle-aged man" },
{ src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg", alt: "Portrait of brutal bearded macho male" },
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19282.jpg", alt: "Studio portrait of bearded photographer" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg", alt: "Medium shot woman holding books" },
]}
avatarText="Trusted by 5,000+ elite scholars"
marqueeItems={[
{
type: "text",
text: "EXCELLENCE",
},
{
type: "text",
text: "PRECISION",
},
{
type: "text",
text: "SCHOLARSHIP",
},
{
type: "text",
text: "INTELLECT",
},
{
type: "text",
text: "REFINEMENT",
},
{ type: "text", text: "EXCELLENCE" },
{ type: "text", text: "PRECISION" },
{ type: "text", text: "SCHOLARSHIP" },
{ type: "text", text: "INTELLECT" },
{ type: "text", text: "REFINEMENT" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: ShieldCheck,
title: "Secure Access",
description: "Enterprise-grade protection for your private studies.",
},
{
icon: BookOpen,
title: "Knowledge Vault",
description: "Organize your research with fluid ease.",
},
{
icon: Clock,
title: "Time Management",
description: "Master your schedule with elegant scheduling tools.",
},
{ icon: ShieldCheck, title: "Secure Access", description: "Enterprise-grade protection for your private studies." },
{ icon: BookOpen, title: "Knowledge Vault", description: "Organize your research with fluid ease." },
{ icon: Clock, title: "Time Management", description: "Master your schedule with elegant scheduling tools." },
]}
title="Refined Features"
description="Built for those who value precision and elegance."
@@ -183,14 +103,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Oxford Academy",
"Harvard Insights",
"Cambridge Research",
"Ivy League Scholars",
"Global Think-Tank",
"Royal Bibliographic",
"The Study Institute",
]}
"Oxford Academy", "Harvard Insights", "Cambridge Research", "Ivy League Scholars", "Global Think-Tank", "Royal Bibliographic", "The Study Institute"]}
title="Trusted by Scholarly Institutions"
description="Partnering with the world's most prestigious academic circles."
/>
@@ -201,61 +114,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Dr. Vance",
date: "Oct 2023",
title: "Scholar",
quote: "A truly exceptional interface.",
tag: "Elite",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-18312.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dkm6Mp1JKtpRuJ2XhDILICcz4l/uploaded-1778834552448-w7r5s4mx.png?_wi=3",
imageAlt: "professional man portrait dark",
},
{
id: "2",
name: "Ms. Reed",
date: "Sept 2023",
title: "Author",
quote: "Seamless, beautiful, and intuitive.",
tag: "Pro",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/glasses-desk-office_23-2147707774.jpg?_wi=2",
imageAlt: "professional man portrait dark",
},
{
id: "3",
name: "Prof. Blackwood",
date: "Aug 2023",
title: "Dean",
quote: "The gold standard of login portals.",
tag: "Academic",
avatarSrc: "http://img.b2bpic.net/free-photo/retired-man-enjoys-book-reading-public-library-leisure-activity_482257-122536.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/female-college-student-reads-writes-detailed-notes-new-course_482257-126409.jpg?_wi=2",
imageAlt: "professional man portrait dark",
},
{
id: "4",
name: "Julian P.",
date: "July 2023",
title: "Student",
quote: "Everything feels so refined.",
tag: "Growth",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-library_641386-223.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/pocket-watch-golden-sparkles_23-2147992608.jpg?_wi=2",
imageAlt: "professional man portrait dark",
},
{
id: "5",
name: "Arthur R.",
date: "June 2023",
title: "Scholar",
quote: "I can't imagine working elsewhere.",
tag: "Master",
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-office-supplies_23-2148110231.jpg",
imageAlt: "professional man portrait dark",
},
{ id: "1", name: "Dr. Vance", date: "Oct 2023", title: "Scholar", quote: "A truly exceptional interface.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-18312.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dkm6Mp1JKtpRuJ2XhDILICcz4l/uploaded-1778834552448-w7r5s4mx.png", imageAlt: "professional man portrait dark" },
{ id: "2", name: "Ms. Reed", date: "Sept 2023", title: "Author", quote: "Seamless, beautiful, and intuitive.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glasses-desk-office_23-2147707774.jpg", imageAlt: "professional man portrait dark" },
{ id: "3", name: "Prof. Blackwood", date: "Aug 2023", title: "Dean", quote: "The gold standard of login portals.", tag: "Academic", avatarSrc: "http://img.b2bpic.net/free-photo/retired-man-enjoys-book-reading-public-library-leisure-activity_482257-122536.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-college-student-reads-writes-detailed-notes-new-course_482257-126409.jpg", imageAlt: "professional man portrait dark" },
{ id: "4", name: "Julian P.", date: "July 2023", title: "Student", quote: "Everything feels so refined.", tag: "Growth", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-library_641386-223.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pocket-watch-golden-sparkles_23-2147992608.jpg", imageAlt: "professional man portrait dark" },
{ id: "5", name: "Arthur R.", date: "June 2023", title: "Scholar", quote: "I can't imagine working elsewhere.", tag: "Master", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-office-supplies_23-2148110231.jpg", imageAlt: "professional man portrait dark" },
]}
title="Words of Wisdom"
description="See why our scholars keep coming back."
@@ -268,36 +131,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Essential",
price: "$150",
subtitle: "For early-stage scholars.",
features: [
"Basic Analytics",
"Unlimited Notes",
],
},
{
id: "pro",
badge: "Elite",
price: "$350",
subtitle: "For experienced intellectuals.",
features: [
"Advanced Research Tools",
"Priority Support",
],
},
{
id: "enterprise",
badge: "Grand",
price: "$750",
subtitle: "For institutional heads.",
features: [
"Full API Access",
"Dedicated Management",
],
},
{ id: "basic", badge: "Essential", price: "$150", subtitle: "For early-stage scholars.", features: ["Basic Analytics", "Unlimited Notes"] },
{ id: "pro", badge: "Elite", price: "$350", subtitle: "For experienced intellectuals.", features: ["Advanced Research Tools", "Priority Support"] },
{ id: "enterprise", badge: "Grand", price: "$750", subtitle: "For institutional heads.", features: ["Full API Access", "Dedicated Management"] },
]}
title="Access Levels"
description="Select the level of refinement that suits your goals."
@@ -309,21 +145,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is the account secure?",
content: "Absolutely. We utilize top-tier encryption.",
},
{
id: "q2",
title: "Can I upgrade anytime?",
content: "Yes, seamless upgrades are available.",
},
{
id: "q3",
title: "Is there support available?",
content: "Our concierge team is at your service 24/7.",
},
{ id: "q1", title: "Is the account secure?", content: "Absolutely. We utilize top-tier encryption." },
{ id: "q2", title: "Can I upgrade anytime?", content: "Yes, seamless upgrades are available." },
{ id: "q3", title: "Is there support available?", content: "Our concierge team is at your service 24/7." },
]}
mediaAnimation="blur-reveal"
title="Frequently Asked Questions"
@@ -337,30 +161,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Your journey to excellence starts with a conversation. Reach out to our concierge."
buttons={[
{
text: "Contact Concierge",
href: "#",
},
]}
buttons={[{ text: "Contact Concierge", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="THE STUDY"
leftLink={{
text: "Terms of Service",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
leftLink={{ text: "Terms of Service", href: "#" }}
rightLink={{ text: "Privacy Policy", href: "#" }}
/>
</div>
</ReactLenis>