bender/662b0f10-f6fe-40e8-bf5f-c5b7ee30280b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

11 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
e432fa6faf Update src/app/page.tsx 2026-03-03 19:56:40 +00:00
bender
51ca2e8b44 Update src/app/styles/variables.css 2026-03-03 19:45:17 +00:00
bender
a418e23b97 Update src/app/styles/base.css 2026-03-03 19:45:16 +00:00
bender
339b168b2f Update src/app/page.tsx 2026-03-03 19:45:16 +00:00
bender
12f8521522 Update src/app/layout.tsx 2026-03-03 19:45:16 +00:00
bender
fce3a649f3 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 19:36:20 +00:00
bender
2232b2d5b8 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 19:32:30 +00:00
bender
665c7c3eba Merge version_1 into main 
Merge version_1 into main
 2026-03-03 19:23:36 +00:00
bender
69f06c6af4 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 19:22:29 +00:00
bender
bc257509e0 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 19:17:35 +00:00
bender
9a399aa986 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 19:13:11 +00:00
4 changed files with 33 additions and 39 deletions
Expand all files Collapse all files

14
src/app/layout.tsx
View File

@@ -1,24 +1,18 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import { Manrope } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const manrope = Manrope({
variable: "--font-manrope", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Creative Design Portfolio | UI/UX & Visual Communication", description: "Award-winning designer specializing in UI/UX design, web design, and visual communication. Explore innovative design solutions.", keywords: "UI design, UX design, web design, visual communication, graphic design, branding, portfolio", metadataBase: new URL("https://designportfolio.com"),
alternates: {
@@ -49,7 +43,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
className={`${dmSans.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}

42
src/app/page.tsx
View File

@@ -12,14 +12,14 @@ import { Sparkles, Zap, Palette, Layout, Film, Brain, Mail, Image } from "lucide
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmall"
background="blurBottom"
cardStyle="soft-shadow"
primaryButtonStyle="flat"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
@@ -46,25 +46,25 @@ export default function LandingPage() {
background={{ variant: "plain" }}
useInvertedBackground={false}
imagePosition="right"
imageSrc="http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg"
imageSrc="http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg?_wi=1"
imageAlt="Professional portrait of a designer"
mediaAnimation="slide-up"
testimonials={[
{
name: "Sarah Chen", handle: "Creative Director, TechVision", testimonial: "Exceptional attention to detail. Transformed our brand identity completely.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg?_wi=2"
},
{
name: "Michael Rodriguez", handle: "Founder, StartupX", testimonial: "The web design work exceeded all expectations. Truly visionary.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg?_wi=3"
},
{
name: "Emma Thompson", handle: "Marketing Lead, Brand Co", testimonial: "Professional, creative, and deeply understands brand strategy.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg?_wi=4"
},
{
name: "James Park", handle: "CEO, Digital Solutions", testimonial: "Consistently delivers innovative designs that drive results.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg?_wi=5"
},
]}
testimonialRotationInterval={5000}
@@ -103,7 +103,7 @@ export default function LandingPage() {
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
useInvertedBackground={false}
/>
</div>
@@ -116,15 +116,15 @@ export default function LandingPage() {
tagAnimation="slide-up"
products={[
{
id: "1", brand: "Brand Identity", name: "Luxury Fashion Rebrand", price: "View Case Study", rating: 5,
id: "1", brand: "Print", name: "Luxury Fashion Rebrand", price: "View Case Study", rating: 5,
reviewCount: "Award-winning", imageSrc: "http://img.b2bpic.net/free-vector/copper-advertisement-set_53876-93754.jpg", imageAlt: "Luxury fashion brand identity design"
},
{
id: "2", brand: "Web Design", name: "E-Commerce Platform Redesign", price: "View Case Study", rating: 5,
id: "2", brand: "Web", name: "E-Commerce Platform Redesign", price: "View Case Study", rating: 5,
reviewCount: "50K+ Users", imageSrc: "http://img.b2bpic.net/free-psd/go-cashless-website-template_23-2149111230.jpg", imageAlt: "E-commerce website interface design"
},
{
id: "3", brand: "Print Design", name: "Editorial Magazine Series", price: "View Case Study", rating: 5,
id: "3", brand: "Print", name: "Editorial Magazine Series", price: "View Case Study", rating: 5,
reviewCount: "Published", imageSrc: "http://img.b2bpic.net/free-vector/colorful-brochure-template_1035-1910.jpg", imageAlt: "Magazine layout and editorial design"
},
{
@@ -132,11 +132,11 @@ export default function LandingPage() {
reviewCount: "Series", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277811.jpg", imageAlt: "Technology startup branding system"
},
{
id: "5", brand: "Multimedia", name: "Brand Documentary Series", price: "View Case Study", rating: 5,
id: "5", brand: "Video", name: "Brand Documentary Series", price: "View Case Study", rating: 5,
reviewCount: "4 Episodes", imageSrc: "http://img.b2bpic.net/free-photo/professional-agency-setup-cinematic-footage-creation-video-editing_482257-118951.jpg", imageAlt: "Video and multimedia production"
},
{
id: "6", brand: "Web Design", name: "SaaS Dashboard Interface", price: "View Case Study", rating: 5,
id: "6", brand: "Web", name: "SaaS Dashboard Interface", price: "View Case Study", rating: 5,
reviewCount: "Live", imageSrc: "http://img.b2bpic.net/free-vector/social-page-application-ui-design-concept_1284-45234.jpg", imageAlt: "Software dashboard user interface design"
},
]}
@@ -154,8 +154,8 @@ export default function LandingPage() {
description="Ready to bring your vision to life? Reach out and let's explore how we can collaborate to create meaningful design experiences."
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={true}
background={{ variant: "plain" }}
useInvertedBackground={false}
inputPlaceholder="your@email.com"
buttonText="Get Started"
termsText="We respect your privacy. Your email is secure with us."

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-manrope), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-manrope), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
}

12
src/app/styles/variables.css
View File

@@ -5,20 +5,20 @@
/* --background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #341f51;;
--primary-cta: #1c1c1c;;
--secondary-cta: #ffffff;;
--accent: #6139e6;;
--background-accent: #b3a8e8;; */
--accent: #8a8a8a;;
--background-accent: #e8e6e1;; */
--background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #341f51;;
--primary-cta: #1c1c1c;;
--primary-cta-text: #f5f5f5;;
--secondary-cta: #ffffff;;
--secondary-cta-text: #1c1c1c;;
--accent: #6139e6;;
--background-accent: #b3a8e8;;
--accent: #8a8a8a;;
--background-accent: #e8e6e1;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);