Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="3D Studios"
|
||||
/>
|
||||
@@ -57,39 +45,18 @@ export default function LandingPage() {
|
||||
description="Experience immersive visual storytelling and high-end 3D design that pushes the boundaries of digital reality."
|
||||
tag="Digital Art Studio"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Work", href: "#portfolio" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-geometric-background_23-2150853595.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-geometric-background_23-2150853595.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-background-with-abstract-shiny-cross_1122-1362.jpg",
|
||||
alt: "Designer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smooth-wave-patterns-flow-abstract-elegance-generated-by-ai_188544-9841.jpg",
|
||||
alt: "Lead Artist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-white-acrylic-balls-water-close-up_23-2148469353.jpg",
|
||||
alt: "3D Sculptor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913969.jpg",
|
||||
alt: "Tech Lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
alt: "Creative Director",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/dark-background-with-abstract-shiny-cross_1122-1362.jpg", alt: "Designer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smooth-wave-patterns-flow-abstract-elegance-generated-by-ai_188544-9841.jpg", alt: "Lead Artist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-white-acrylic-balls-water-close-up_23-2148469353.jpg", alt: "3D Sculptor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913969.jpg", alt: "Tech Lead" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", alt: "Creative Director" },
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
/>
|
||||
@@ -99,19 +66,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Redefining Digital Reality through ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-52795.jpg",
|
||||
alt: "3D Modeling workspace",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Precision Craftsmanship",
|
||||
},
|
||||
{ type: "text", content: "Redefining Digital Reality through " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-52795.jpg", alt: "3D Modeling workspace" },
|
||||
{ type: "text", content: " Precision Craftsmanship" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,28 +80,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "3D Sculpting",
|
||||
description: "High-fidelity digital sculpting for characters and organic environments.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Layers,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979696.jpg",
|
||||
imageAlt: "3d modeling abstract icon",
|
||||
title: "3D Sculpting", description: "High-fidelity digital sculpting for characters and organic environments.", bentoComponent: "reveal-icon", icon: Layers,
|
||||
},
|
||||
{
|
||||
title: "Architectural Viz",
|
||||
description: "Immersive architectural visualizations that capture every detail.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-geometric-background_23-2150853595.jpg?_wi=2",
|
||||
imageAlt: "3d modeling abstract icon",
|
||||
title: "Architectural Viz", description: "Immersive architectural visualizations that capture every detail.", bentoComponent: "reveal-icon", icon: Building,
|
||||
},
|
||||
{
|
||||
title: "Product Design",
|
||||
description: "Hyper-realistic renders for product prototyping and marketing.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Box,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-52795.jpg",
|
||||
imageAlt: "3d modeling abstract icon",
|
||||
title: "Product Design", description: "Hyper-realistic renders for product prototyping and marketing.", bentoComponent: "reveal-icon", icon: Box,
|
||||
},
|
||||
]}
|
||||
title="Our Technical Expertise"
|
||||
@@ -159,42 +101,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cyberpunk City",
|
||||
price: "Concept",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-digital-3d-illustration-design_460848-7097.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Abstract Sculpture",
|
||||
price: "Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-white-textured-modern-wall-with-red-different-shaped-rectangle-diversity-concept_181624-7609.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tech Gadget Design",
|
||||
price: "Product",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-3d-character-children_23-2150473677.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sci-Fi Weaponry",
|
||||
price: "Assets",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-15908.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Character Study",
|
||||
price: "Modeling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666371.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Automotive Concept",
|
||||
price: "Vehicle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-witch-flying_183364-120278.jpg",
|
||||
},
|
||||
{ id: "1", name: "Cyberpunk City", price: "Concept", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-digital-3d-illustration-design_460848-7097.jpg" },
|
||||
{ id: "2", name: "Abstract Sculpture", price: "Art", imageSrc: "http://img.b2bpic.net/free-photo/cool-white-textured-modern-wall-with-red-different-shaped-rectangle-diversity-concept_181624-7609.jpg" },
|
||||
{ id: "3", name: "Tech Gadget Design", price: "Product", imageSrc: "http://img.b2bpic.net/free-photo/adorable-3d-character-children_23-2150473677.jpg" },
|
||||
{ id: "4", name: "Sci-Fi Weaponry", price: "Assets", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-15908.jpg" },
|
||||
{ id: "5", name: "Character Study", price: "Modeling", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666371.jpg" },
|
||||
{ id: "6", name: "Automotive Concept", price: "Vehicle", imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-witch-flying_183364-120278.jpg" },
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A glimpse into our most recent 3D design projects and visual explorations."
|
||||
@@ -206,46 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible Detail",
|
||||
quote: "The 3D models were beyond our expectations, perfect for the launch campaign.",
|
||||
name: "Sarah J.",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast Turnaround",
|
||||
quote: "Exceptional workflow and high-end results. Highly recommended.",
|
||||
name: "Michael B.",
|
||||
role: "Art Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Visual Excellence",
|
||||
quote: "Their eye for detail and lighting changed our brand visual strategy entirely.",
|
||||
name: "Emily D.",
|
||||
role: "Product Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Game Changer",
|
||||
quote: "The most professional 3D studio we've worked with in years.",
|
||||
name: "David K.",
|
||||
role: "Studio Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-confident-senior-woman_23-2149304633.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Immersive Content",
|
||||
quote: "Perfect execution of our vision, the realism is mind-blowing.",
|
||||
name: "Rachel L.",
|
||||
role: "Marketing Head",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
{ id: "1", title: "Incredible Detail", quote: "The 3D models were beyond our expectations, perfect for the launch campaign.", name: "Sarah J.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg" },
|
||||
{ id: "2", title: "Fast Turnaround", quote: "Exceptional workflow and high-end results. Highly recommended.", name: "Michael B.", role: "Art Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg" },
|
||||
{ id: "3", title: "Visual Excellence", quote: "Their eye for detail and lighting changed our brand visual strategy entirely.", name: "Emily D.", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg" },
|
||||
{ id: "4", title: "Game Changer", quote: "The most professional 3D studio we've worked with in years.", name: "David K.", role: "Studio Owner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-confident-senior-woman_23-2149304633.jpg" },
|
||||
{ id: "5", title: "Immersive Content", quote: "Perfect execution of our vision, the realism is mind-blowing.", name: "Rachel L.", role: "Marketing Head", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" },
|
||||
]}
|
||||
title="Trusted by Creators"
|
||||
description="What our clients say about our collaboration and 3D visual solutions."
|
||||
@@ -255,18 +132,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Talk"
|
||||
title="Start Your Project"
|
||||
description="Ready to bring your 3D vision to life? Get in touch with us today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@3dstudios.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Email Us", href: "mailto:hello@3dstudios.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -274,49 +144,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="3D Studios"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Modeling",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Rendering",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#portfolio" }] },
|
||||
{ title: "Services", items: [{ label: "Modeling", href: "#" }, { label: "Rendering", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user