Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9620d9d66a | |||
| 05d820609a | |||
| c86fb4ef82 | |||
| 4636f764b0 | |||
| 81b2de936c | |||
| b334a30866 | |||
| 05a8697997 | |||
| 700bf7e104 |
@@ -4,13 +4,13 @@
|
|||||||
/* Base units */
|
/* Base units */
|
||||||
/* --vw is set by ThemeProvider */
|
/* --vw is set by ThemeProvider */
|
||||||
|
|
||||||
--background: #fafafa;;
|
--background: #ffffff;
|
||||||
--card: #f4f4f5;;
|
--card: #fafafa;
|
||||||
--foreground: #27272a;;
|
--foreground: #000000;
|
||||||
--primary-cta: #3f3f46;;
|
--primary-cta: #ffcc00;
|
||||||
--secondary-cta: #ffffff;;
|
--secondary-cta: #ffffff;
|
||||||
--accent: #facc15;;
|
--accent: #e5e5e5;
|
||||||
--background-accent: #eab308;;
|
--background-accent: #f5f5f5;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
@@ -1,13 +1,13 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Inter_Tight } from "next/font/google";
|
import { IBM_Plex_Sans } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
|
|
||||||
const interTight = Inter_Tight({
|
const ibmPlexSans = IBM_Plex_Sans({
|
||||||
variable: "--font-inter-tight",
|
variable: "--font-ibm-plex-sans",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
weight: ["100", "200", "300", "400", "500", "600", "700"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
@@ -47,7 +47,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body
|
||||||
className={`${interTight.variable} antialiased`}
|
className={`${ibmPlexSans.variable} antialiased`}
|
||||||
>
|
>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
193
src/app/page.tsx
193
src/app/page.tsx
@@ -1,13 +1,6 @@
|
|||||||
"use client"
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
||||||
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
|
|
||||||
import ProductCardSix from '@/components/sections/product/ProductCardSix';
|
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
|
||||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
||||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -23,186 +16,10 @@ export default function LandingPage() {
|
|||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div>
|
||||||
<NavbarStyleMinimal
|
<h1>Welcome to Ben's Portfolio</h1>
|
||||||
brandName="Ben"
|
<p>3D Artist & Blender Specialist</p>
|
||||||
button={{
|
<p>Professional 3D artist specializing in Blender modeling, rendering, and animation. Transforming concepts into stunning visual reality.</p>
|
||||||
text: "Get in Touch",
|
|
||||||
href: "#contact"
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
|
||||||
<HeroBillboardMetrics
|
|
||||||
title="3D Artist & Blender Specialist"
|
|
||||||
description="Crafting immersive digital experiences through advanced 3D modeling, rendering, and animation. Transforming concepts into stunning visual reality."
|
|
||||||
tag="3D Creative"
|
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888719283-nfmcx166.jpg"
|
|
||||||
imageAlt="Hero 3D render"
|
|
||||||
frameStyle="card"
|
|
||||||
metricsLabel="Trusted by studios and brands worldwide"
|
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
value: "8+",
|
|
||||||
label: "Years in 3D"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
value: "150+",
|
|
||||||
label: "Projects Completed"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
value: "50+",
|
|
||||||
label: "Happy Clients"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "View Portfolio",
|
|
||||||
href: "#gallery"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Learn More",
|
|
||||||
href: "#about"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="gallery" data-section="gallery">
|
|
||||||
<ProductCardSix
|
|
||||||
title="Featured Work"
|
|
||||||
description="Explore my latest 3D renders and creative projects. Each piece showcases technical expertise and artistic vision."
|
|
||||||
products={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
name: "Character Modeling",
|
|
||||||
price: "Portfolio",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888720392-ehsyl2xj.jpg",
|
|
||||||
imageAlt: "3D character model"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Visual Effects",
|
|
||||||
price: "Portfolio",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888721289-rze89n00.jpg",
|
|
||||||
imageAlt: "3D animation and effects"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Product Rendering",
|
|
||||||
price: "Portfolio",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888722652-paaoqfev.jpg",
|
|
||||||
imageAlt: "3D product render"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground="noInvert"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
|
||||||
<TextAbout
|
|
||||||
title="I bring imagination to life through cutting-edge 3D technology and creative storytelling"
|
|
||||||
useInvertedBackground="noInvert"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="skills" data-section="skills">
|
|
||||||
<FeatureCardEight
|
|
||||||
title="Core Competencies"
|
|
||||||
description="Specialized expertise in 3D creation and digital art production"
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title: "3D Modeling",
|
|
||||||
description: "Advanced character and environment modeling using Blender and industry-standard techniques",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888720392-ehsyl2xj.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 2,
|
|
||||||
title: "Rendering & Shading",
|
|
||||||
description: "Photorealistic rendering with Cycles and specialized material development",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888721289-rze89n00.jpg"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 3,
|
|
||||||
title: "Animation",
|
|
||||||
description: "Smooth character rigging, motion capture, and keyframe animation",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888722652-paaoqfev.jpg"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground="noInvert"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactSplit
|
|
||||||
tag="Get Started"
|
|
||||||
title="Ready to bring your vision to life?"
|
|
||||||
description="Interested in collaborating on your next 3D project? Reach out directly or subscribe for updates on my latest work."
|
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766888725581-tp75ftz7.jpg"
|
|
||||||
imageAlt="Contact section"
|
|
||||||
mediaPosition="right"
|
|
||||||
inputPlaceholder="your@email.com"
|
|
||||||
buttonText="Subscribe"
|
|
||||||
termsText="We respect your privacy. Unsubscribe anytime."
|
|
||||||
useInvertedBackground="noInvert"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterBaseCard
|
|
||||||
logoText="Ben"
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: "Work",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Portfolio",
|
|
||||||
href: "#gallery"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Services",
|
|
||||||
href: "#skills"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "About",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Bio",
|
|
||||||
href: "#about"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Connect",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Email",
|
|
||||||
href: "mailto:ben@example.com"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "ArtStation",
|
|
||||||
href: "#"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
copyrightText="© 2025 Ben - 3D Artist & Blender Specialist"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user