bender/fdafeb37-67df-4e2e-a49a-c0b65d265209
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

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

7 Commits
version_2 ... main

Author SHA1 Message Date
bender
20faa5572f Merge version_4 into main 
Merge version_4 into main
 2026-06-09 09:55:56 +00:00
bender
fc216243a8 Update src/app/checkout/page.tsx 2026-06-09 09:55:53 +00:00
bender
65c650765b Update src/app/categories/page.tsx 2026-06-09 09:55:52 +00:00
bender
f2de940160 Update src/app/account/page.tsx 2026-06-09 09:55:52 +00:00
bender
ad51ac0365 Merge version_3 into main 
Merge version_3 into main
 2026-06-09 09:24:08 +00:00
bender
d49f621a69 Update theme colors 2026-06-09 09:24:04 +00:00
bender
5356d853a8 Merge version_2 into main 
Merge version_2 into main
 2026-06-09 09:18:28 +00:00
4 changed files with 84 additions and 90 deletions
Expand all files Collapse all files

64
src/app/account/page.tsx
View File

@@ -6,6 +6,27 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function AccountPage() { export default function AccountPage() {
const canonicalNavItems = [
{ name: "Home", id: "/" },
{ name: "Categories", id: "/categories" },
{ name: "Products", id: "#products" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "#faq" },
{ name: "Search", id: "/search" },
{ name: "Wishlist", id: "/wishlist" },
{ name: "Account", id: "/account" },
{ name: "Login", id: "/login" },
{ name: "Register", id: "/register" },
{ name: "Customer Dashboard", id: "/customer/dashboard" },
{ name: "Seller Dashboard", id: "/seller-dashboard" },
{ name: "Seller Portal", id: "/seller/dashboard" },
{ name: "Checkout", id: "/checkout" },
{ name: "Downloads", id: "/downloads" },
{ name: "Contact", id: "/contact" }
];
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-shift" defaultButtonVariant="text-shift"
@@ -22,35 +43,10 @@ export default function AccountPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={canonicalNavItems}
{
name: "Home", id: "/"},
{
name: "Categories", id: "/categories"},
{
name: "Products", id: "/products"},
{
name: "Features", id: "/features"},
{
name: "Search", id: "/search"},
{
name: "Wishlist", id: "/wishlist"},
{
name: "Testimonials", id: "/testimonials"},
{
name: "Pricing", id: "/pricing"},
{
name: "FAQ", id: "/faq"},
{
name: "Seller Dashboard", id: "/seller-dashboard"},
{
name: "Account", id: "/account"},
{
name: "Contact", id: "/contact"},
]}
brandName="DesignFlow" brandName="DesignFlow"
button={{ button={{
text: "Get Started", href: "/products"}} text: "Get Started", href: "#products"}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -68,23 +64,23 @@ export default function AccountPage() {
{ {
title: "Products", items: [ title: "Products", items: [
{ {
label: "Canva Templates", href: "/products"}, label: "Canva Templates", href: "#products"},
{ {
label: "Logos", href: "/products"}, label: "Logos", href: "#products"},
{ {
label: "Social Media Kits", href: "/products"}, label: "Social Media Kits", href: "#products"},
{ {
label: "Banners & Flyers", href: "/products"}, label: "Banners & Flyers", href: "#products"},
], ],
}, },
{ {
title: "Company", items: [ title: "Company", items: [
{ {
label: "About Us", href: "/about"}, label: "About Us", href: "#about"},
{ {
label: "Features", href: "/features"}, label: "Features", href: "#features"},
{ {
label: "Pricing", href: "/pricing"}, label: "Pricing", href: "#pricing"},
{ {
label: "Contact", href: "/contact"}, label: "Contact", href: "/contact"},
], ],

64
src/app/categories/page.tsx
View File

@@ -6,6 +6,27 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function CategoriesPage() { export default function CategoriesPage() {
const canonicalNavItems = [
{ name: "Home", id: "/" },
{ name: "Categories", id: "/categories" },
{ name: "Products", id: "#products" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "#faq" },
{ name: "Search", id: "/search" },
{ name: "Wishlist", id: "/wishlist" },
{ name: "Account", id: "/account" },
{ name: "Login", id: "/login" },
{ name: "Register", id: "/register" },
{ name: "Customer Dashboard", id: "/customer/dashboard" },
{ name: "Seller Dashboard", id: "/seller-dashboard" },
{ name: "Seller Portal", id: "/seller/dashboard" },
{ name: "Checkout", id: "/checkout" },
{ name: "Downloads", id: "/downloads" },
{ name: "Contact", id: "/contact" }
];
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-shift" defaultButtonVariant="text-shift"
@@ -22,35 +43,10 @@ export default function CategoriesPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={canonicalNavItems}
{
name: "Home", id: "/"},
{
name: "Categories", id: "/categories"},
{
name: "Products", id: "/products"},
{
name: "Features", id: "/features"},
{
name: "Search", id: "/search"},
{
name: "Wishlist", id: "/wishlist"},
{
name: "Testimonials", id: "/testimonials"},
{
name: "Pricing", id: "/pricing"},
{
name: "FAQ", id: "/faq"},
{
name: "Seller Dashboard", id: "/seller-dashboard"},
{
name: "Account", id: "/account"},
{
name: "Contact", id: "/contact"},
]}
brandName="DesignFlow" brandName="DesignFlow"
button={{ button={{
text: "Get Started", href: "/products"}} text: "Get Started", href: "#products"}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -68,23 +64,23 @@ export default function CategoriesPage() {
{ {
title: "Products", items: [ title: "Products", items: [
{ {
label: "Canva Templates", href: "/products"}, label: "Canva Templates", href: "#products"},
{ {
label: "Logos", href: "/products"}, label: "Logos", href: "#products"},
{ {
label: "Social Media Kits", href: "/products"}, label: "Social Media Kits", href: "#products"},
{ {
label: "Banners & Flyers", href: "/products"}, label: "Banners & Flyers", href: "#products"},
], ],
}, },
{ {
title: "Company", items: [ title: "Company", items: [
{ {
label: "About Us", href: "/about"}, label: "About Us", href: "#about"},
{ {
label: "Features", href: "/features"}, label: "Features", href: "#features"},
{ {
label: "Pricing", href: "/pricing"}, label: "Pricing", href: "#pricing"},
{ {
label: "Contact", href: "/contact"}, label: "Contact", href: "/contact"},
], ],

44
src/app/checkout/page.tsx
View File

@@ -8,6 +8,27 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import { Sparkles } from "lucide-react"; import { Sparkles } from "lucide-react";
export default function CheckoutPage() { export default function CheckoutPage() {
const canonicalNavItems = [
{ name: "Home", id: "/" },
{ name: "Categories", id: "/categories" },
{ name: "Products", id: "#products" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "#faq" },
{ name: "Search", id: "/search" },
{ name: "Wishlist", id: "/wishlist" },
{ name: "Account", id: "/account" },
{ name: "Login", id: "/login" },
{ name: "Register", id: "/register" },
{ name: "Customer Dashboard", id: "/customer/dashboard" },
{ name: "Seller Dashboard", id: "/seller-dashboard" },
{ name: "Seller Portal", id: "/seller/dashboard" },
{ name: "Checkout", id: "/checkout" },
{ name: "Downloads", id: "/downloads" },
{ name: "Contact", id: "/contact" }
];
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-shift" defaultButtonVariant="text-shift"
@@ -24,26 +45,7 @@ export default function CheckoutPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={canonicalNavItems}
{
name: "Home", id: "#home"},
{
name: "Products", id: "#products"},
{
name: "Features", id: "#features"},
{
name: "Testimonials", id: "#testimonials"},
{
name: "Pricing", id: "#pricing"},
{
name: "FAQ", id: "#faq"},
{
name: "Checkout", id: "/checkout"},
{
name: "Downloads", id: "/downloads"},
{
name: "Contact", id: "#contact"},
]}
brandName="DesignFlow" brandName="DesignFlow"
button={{ button={{
text: "Get Started", href: "#products"}} text: "Get Started", href: "#products"}}
@@ -102,7 +104,7 @@ export default function CheckoutPage() {
{ {
label: "Pricing", href: "#pricing"}, label: "Pricing", href: "#pricing"},
{ {
label: "Contact", href: "#contact"}, label: "Contact", href: "/contact"},
], ],
}, },
{ {

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

@@ -13,7 +13,7 @@
--background: #000000; --background: #000000;
--card: #1a1a1a; --card: #1a1a1a;
--foreground: #ffffff; --foreground: #ffffff;
--primary-cta: #FFD700; --primary-cta: #ff0012;
--primary-cta-text: #000000; --primary-cta-text: #000000;
--secondary-cta: #333333; --secondary-cta: #333333;
--secondary-cta-text: #ffffff; --secondary-cta-text: #ffffff;