Merge version_2 into main #2
239
src/app/page.tsx
239
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "products",
|
||||
},
|
||||
name: "Portfolio", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AGCODE"
|
||||
/>
|
||||
@@ -59,75 +51,38 @@ export default function LandingPage() {
|
||||
description="A luxurious platform where developers showcase innovation through immersive 3D experiences. Join a community building the future of digital design."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "AGCODE has redefined how I showcase my 3D work. Truly immersive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-retouching-app-computer-empty-studio-nobody-photography-office-with-professional-editing-equipment-technology-pictures-photograph-retouch-work_482257-34138.jpg?_wi=1",
|
||||
imageAlt: "3d abstract tech background",
|
||||
},
|
||||
name: "Elena Rossi", handle: "@erossi", testimonial: "AGCODE has redefined how I showcase my 3D work. Truly immersive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-retouching-app-computer-empty-studio-nobody-photography-office-with-professional-editing-equipment-technology-pictures-photograph-retouch-work_482257-34138.jpg?_wi=1", imageAlt: "3d abstract tech background"},
|
||||
{
|
||||
name: "Marcus Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The community here is unmatched. The aesthetic is perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-neon-background_52683-133791.jpg",
|
||||
imageAlt: "3d abstract tech background",
|
||||
},
|
||||
name: "Marcus Chen", handle: "@mchen", testimonial: "The community here is unmatched. The aesthetic is perfect.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-neon-background_52683-133791.jpg", imageAlt: "3d abstract tech background"},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Best platform for creative devs. Finally a place that feels high-end.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1777.jpg?_wi=1",
|
||||
imageAlt: "3d abstract tech background",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@smiller", testimonial: "Best platform for creative devs. Finally a place that feels high-end.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1777.jpg?_wi=1", imageAlt: "3d abstract tech background"},
|
||||
{
|
||||
name: "David Park",
|
||||
handle: "@dpark",
|
||||
testimonial: "Incredible interface and high-end community tools.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572166.jpg",
|
||||
imageAlt: "3d abstract tech background",
|
||||
},
|
||||
name: "David Park", handle: "@dpark", testimonial: "Incredible interface and high-end community tools.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572166.jpg", imageAlt: "3d abstract tech background"},
|
||||
{
|
||||
name: "Sophie Kim",
|
||||
handle: "@skim",
|
||||
testimonial: "The 3D integration is seamless and beautiful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-female-creative-designer-surrounded-by-her-works-confidently-looking-into-future_197531-30710.jpg",
|
||||
imageAlt: "3d abstract tech background",
|
||||
},
|
||||
name: "Sophie Kim", handle: "@skim", testimonial: "The 3D integration is seamless and beautiful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-female-creative-designer-surrounded-by-her-works-confidently-looking-into-future_197531-30710.jpg", imageAlt: "3d abstract tech background"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Enter the Studio",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Enter the Studio", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-retouching-app-computer-empty-studio-nobody-photography-office-with-professional-editing-equipment-technology-pictures-photograph-retouch-work_482257-34138.jpg?_wi=2"
|
||||
imageAlt="Luxurious 3D developer dashboard"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-woman-developing-photos_23-2149893899.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-woman-developing-photos_23-2149893899.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-blonde-party-girl-wearing-glasses-birthday-cap-looking-side-standing-with-closed-posture-isolated-orange-background-with-copy-space_141793-82942.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-blonde-party-girl-wearing-glasses-birthday-cap-looking-side-standing-with-closed-posture-isolated-orange-background-with-copy-space_141793-82942.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg", alt: "User 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Active Studios",
|
||||
value: "250+",
|
||||
},
|
||||
label: "Active Studios", value: "250+"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Reach",
|
||||
value: "40+",
|
||||
},
|
||||
label: "Global Reach", value: "40+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Projects Shared",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Projects Shared", value: "10k+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -164,20 +113,11 @@ export default function LandingPage() {
|
||||
description="Our platform empowers creators with professional-grade tools designed for the modern 3D era."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Immersive 3D Portfolios",
|
||||
content: "Display your work in a fully interactive 3D environment.",
|
||||
},
|
||||
id: "1", title: "Immersive 3D Portfolios", content: "Display your work in a fully interactive 3D environment."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Creative Networking",
|
||||
content: "Connect with top-tier agencies and studios worldwide.",
|
||||
},
|
||||
id: "2", title: "Creative Networking", content: "Connect with top-tier agencies and studios worldwide."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Developer Tools",
|
||||
content: "Seamless integration with your existing dev stack.",
|
||||
},
|
||||
id: "3", title: "Developer Tools", content: "Seamless integration with your existing dev stack."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1777.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -187,49 +127,26 @@ export default function LandingPage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "3D Dashboard",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-computer-desk_23-2151004324.jpg",
|
||||
},
|
||||
id: "p1", name: "3D Dashboard", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-computer-desk_23-2151004324.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fluid UI Kit",
|
||||
price: "Trending",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913304.jpg",
|
||||
},
|
||||
id: "p2", name: "Fluid UI Kit", price: "Trending", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913304.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Interactive Node",
|
||||
price: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-notebook-optimizing-energy-supply-solar-panel-manufacturing-plant_482257-119573.jpg",
|
||||
},
|
||||
id: "p3", name: "Interactive Node", price: "New", imageSrc: "http://img.b2bpic.net/free-photo/man-using-notebook-optimizing-energy-supply-solar-panel-manufacturing-plant_482257-119573.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Glassmorphism Set",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884857.jpg",
|
||||
},
|
||||
id: "p4", name: "Glassmorphism Set", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884857.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Space Station",
|
||||
price: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-design_23-2148444703.jpg",
|
||||
},
|
||||
id: "p5", name: "Space Station", price: "Elite", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-design_23-2148444703.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cyber Port",
|
||||
price: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-water-with-red-bookcase-looking-up_1122-987.jpg",
|
||||
},
|
||||
id: "p6", name: "Cyber Port", price: "New", imageSrc: "http://img.b2bpic.net/free-photo/woman-water-with-red-bookcase-looking-up_1122-987.jpg"},
|
||||
]}
|
||||
title="Spotlight Work"
|
||||
description="The best projects curated for the creative developer."
|
||||
buttons={[{ text: "Submit Your Project", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -241,20 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
description: "Creative Satisfaction",
|
||||
},
|
||||
id: "m1", value: "95%", description: "Creative Satisfaction"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120%",
|
||||
description: "Community Growth",
|
||||
},
|
||||
id: "m2", value: "120%", description: "Community Growth"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k",
|
||||
description: "Weekly Commits",
|
||||
},
|
||||
id: "m3", value: "5k", description: "Weekly Commits"},
|
||||
]}
|
||||
title="Growth Data"
|
||||
description="Visualizing our impact on the creator ecosystem."
|
||||
@@ -269,25 +177,15 @@ export default function LandingPage() {
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-woman-developing-photos_23-2149893899.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-woman-developing-photos_23-2149893899.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-blonde-party-girl-wearing-glasses-birthday-cap-looking-side-standing-with-closed-posture-isolated-orange-background-with-copy-space_141793-82942.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-blonde-party-girl-wearing-glasses-birthday-cap-looking-side-standing-with-closed-posture-isolated-orange-background-with-copy-space_141793-82942.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="opacity"
|
||||
@@ -299,20 +197,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I upload?",
|
||||
content: "Simply drag and drop your 3D files directly into the studio panel.",
|
||||
},
|
||||
id: "f1", title: "How do I upload?", content: "Simply drag and drop your 3D files directly into the studio panel."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it open source?",
|
||||
content: "Our engine is proprietary, but we encourage open contributions.",
|
||||
},
|
||||
id: "f2", title: "Is it open source?", content: "Our engine is proprietary, but we encourage open contributions."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I network here?",
|
||||
content: "Yes, our community panel allows direct messaging and collaborations.",
|
||||
},
|
||||
id: "f3", title: "Can I network here?", content: "Yes, our community panel allows direct messaging and collaborations."},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -323,8 +212,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Join the Future"
|
||||
description="Enter your email to receive an exclusive early access invitation for the AGCODE studio."
|
||||
@@ -335,42 +223,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Explore",
|
||||
href: "#",
|
||||
},
|
||||
label: "Explore", href: "#"},
|
||||
{
|
||||
label: "Studio",
|
||||
href: "#",
|
||||
},
|
||||
label: "Studio", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
label: "Discord", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -380,4 +253,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user