bender/023e5f6e-0bd8-4d68-94e6-7a3971f072ff
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-27 17:07:47 +00:00
Conversation 0 Commits 2 Files Changed 2 +39 -258
2 changed files with 39 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -2,16 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, CheckCircle, Shield } from "lucide-react";
export default function LandingPage() {
@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Team",
id: "#team",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Team", id: "#team" },
{ name: "Contact", id: "#contact" },
]}
brandName="Dino Digital Network"
/>
@@ -55,101 +43,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Crafting the Future of Digital Experiences"
description="Dino Digital Network is your professional UI/UX builder for high-conversion web solutions. Elevate your brand with precision-engineered digital products."
testimonials={[
{
name: "Sarah Jenkins",
handle: "@sarahj",
testimonial: "Dino Digital Network transformed our platform entirely.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",
},
{
name: "Mark Roberts",
handle: "@mroberts",
testimonial: "Exceptional UI/UX expertise and execution speed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
},
{
name: "Elena Torres",
handle: "@etorres",
testimonial: "Their design process is incredibly efficient and professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",
},
{
name: "Jason Wu",
handle: "@jwu",
testimonial: "The best digital agency partner we have worked with.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mature-businessman-with-crossed-arms_23-2147955373.jpg",
},
{
name: "Amelia Smith",
handle: "@asmith",
testimonial: "Outstanding attention to detail and creative vision.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-colleagues-meeting-outside_1262-21161.jpg",
},
]}
buttons={[
{
text: "Get Started",
href: "#contact",
},
{ name: "Sarah Jenkins", handle: "@sarahj", testimonial: "Dino Digital Network transformed our platform entirely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg" },
{ name: "Mark Roberts", handle: "@mroberts", testimonial: "Exceptional UI/UX expertise and execution speed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg" },
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8600.jpg"
imageAlt="web design background blue"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-79940.jpg",
alt: "Gradient blue abstract background smooth dark blue with black vignette studio",
},
{
src: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-79956.jpg",
alt: "Gradient blue abstract background smooth dark blue with black vignette studio",
},
{
src: "http://img.b2bpic.net/free-photo/keyboard-button-closeup-laptop-keyboard_169016-61245.jpg",
alt: "Keyboard button closeup laptop keyboard",
},
{
src: "http://img.b2bpic.net/free-photo/flat-lay-laptop-blue-background_23-2148288193.jpg",
alt: "Flat lay laptop on blue background",
},
{
src: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg",
alt: "abstract technology background concept",
},
]}
marqueeItems={[
{
type: "text",
text: "UI/UX DESIGN",
},
{
type: "text",
text: "WEB DEVELOPMENT",
},
{
type: "text",
text: "DIGITAL STRATEGY",
},
{
type: "text",
text: "BRAND IDENTITY",
},
{
type: "text",
text: "PROTOTYPING",
},
]}
/>
</div>
@@ -159,14 +63,8 @@ export default function LandingPage() {
title="Innovating Design Excellence"
description="At Dino Digital Network, we blend technical expertise with artistic vision to deliver high-quality web experiences. We specialize in user-centric design that drives engagement and business growth."
tag="About Us"
buttons={[
{
text: "Learn More",
href: "#services",
},
]}
buttons={[{ text: "Learn More", href: "#services" }]}
imageSrc="http://img.b2bpic.net/free-photo/diverse-group-workmates-discussing-business-strategy-startup-office-colleagues-working-project-planning-presentation-company-development-growth-brainstorming-ideas_482257-40347.jpg"
imageAlt="ui ux design office"
/>
</div>
@@ -177,27 +75,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{
title: "Responsive Web Design",
description: "Beautiful sites that look stunning on any screen.",
imageSrc: "http://img.b2bpic.net/free-photo/user-profile-interface-sign-symbol-icon-3d-rendering_56104-1956.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309627.jpg",
buttonText: "View Details",
},
{
title: "Digital Strategy",
description: "Data-driven roadmaps to maximize your online presence.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160270.jpg",
buttonText: "View Details",
},
{
title: "UI/UX Research",
description: "Understanding your users to deliver superior interfaces.",
imageSrc: "http://img.b2bpic.net/free-photo/digital-assets-business-management-system-concept_53876-121226.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749918.jpg",
buttonText: "View Details",
},
{ title: "Responsive Web Design", description: "Beautiful sites that look stunning on any screen.", imageSrc: "http://img.b2bpic.net/free-photo/user-profile-interface-sign-symbol-icon-3d-rendering_56104-1956.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309627.jpg", buttonText: "View Details" },
{ title: "Digital Strategy", description: "Data-driven roadmaps to maximize your online presence.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160270.jpg", buttonText: "View Details" },
{ title: "UI/UX Research", description: "Understanding your users to deliver superior interfaces.", imageSrc: "http://img.b2bpic.net/free-photo/digital-assets-business-management-system-concept_53876-121226.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749918.jpg", buttonText: "View Details" },
]}
title="Comprehensive Digital Services"
description="Expert solutions designed for the modern web."
@@ -211,27 +91,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150+",
title: "Projects Completed",
description: "Across diverse industries.",
icon: CheckCircle,
},
{
id: "m2",
value: "98%",
title: "Client Satisfaction",
description: "Highly rated service quality.",
icon: Award,
},
{
id: "m3",
value: "40+",
title: "Global Brands",
description: "Trusted by market leaders.",
icon: Shield,
},
{ id: "m1", value: "150+", title: "Projects Completed", description: "Across diverse industries.", icon: CheckCircle },
{ id: "m2", value: "98%", title: "Client Satisfaction", description: "Highly rated service quality.", icon: Award },
{ id: "m3", value: "40+", title: "Global Brands", description: "Trusted by market leaders.", icon: Shield },
]}
title="Impact in Numbers"
description="Our results speak for our dedication to excellence."
@@ -244,24 +106,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
team={[
{
id: "t1",
name: "Alex Rivers",
role: "Lead Designer",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-doing-creative-journaling_23-2150561848.jpg",
},
{
id: "t2",
name: "Maya Chen",
role: "UX Architect",
imageSrc: "http://img.b2bpic.net/free-photo/happy-darkskinned-curly-brunette-woman-oversized-white-stylish-jacket-leans-table-with-clothing-samples-patterns-it-smiles_197531-27834.jpg",
},
{
id: "t3",
name: "Jordan P.",
role: "Senior Developer",
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
},
{ id: "t1", name: "Alex Rivers", role: "Lead Designer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-doing-creative-journaling_23-2150561848.jpg" },
{ id: "t2", name: "Maya Chen", role: "UX Architect", imageSrc: "http://img.b2bpic.net/free-photo/happy-darkskinned-curly-brunette-woman-oversized-white-stylish-jacket-leans-table-with-clothing-samples-patterns-it-smiles_197531-27834.jpg" },
]}
title="Meet Our Visionaries"
description="The creative force driving Dino Digital Network."
@@ -272,107 +118,42 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechCorp",
"Innovate",
"GlobalSoft",
"FutureDigital",
"NexusStudio",
"PrimeWeb",
"LogicBase",
]}
names={["TechCorp", "Innovate", "GlobalSoft", "FutureDigital", "NexusStudio"]}
title="Trusted by Leaders"
description="Collaborating with high-impact organizations worldwide."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
<TestimonialCardFive
title="Client Success Stories"
description="Hear from our satisfied partners."
useInvertedBackground={true}
testimonial="Dino Digital Network is the premier choice for UI/UX excellence. Their work has set a new standard for our organization's digital identity."
rating={5}
author="Marcus Thorne, Tech Startup Founder"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/businesswomen-discussing-having-fun_53876-119798.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/front-close-view-young-female-dark-jacket-making-funny-faces-pink-background_179666-30952.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-looking-camera_23-2148317302.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193990.jpg",
alt: "Client 5",
},
textboxLayout="default"
testimonials={[
{ id: "t1", name: "Marcus Thorne", date: "Oct 2024", title: "Founder", quote: "Dino Digital Network is the premier choice for UI/UX excellence.", tag: "Startup", avatarSrc: "https://avatar.iran.liara.run/public/1" }
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Let's Talk"
title="Ready to Build Your Vision?"
description="Get in touch for a consultation on your next digital project."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@dinodigital.com",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterBaseCard
logoText="Dino Digital Network"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#services",
},
{
label: "Team",
href: "#team",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
]}
bottomLeftText="© 2024 Dino Digital Network."
bottomRightText="Building modern digital experiences."
copyrightText="© 2025 Dino Digital Network"
/>
</div>
</ReactLenis>

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f8f9fa;
--foreground: #000000;
--background: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #00ced1;
--primary-cta-text: #ffffff;
--secondary-cta: #000000;
--secondary-cta: #111111;
--secondary-cta-text: #ffffff;
--accent: #00ced1;
--background-accent: #e0ffff;
--background-accent: #00ced1;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);