Merge version_1 into main #1
134
src/app/page.tsx
134
src/app/page.tsx
@@ -31,46 +31,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
name: "Work", id: "work"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GRAFIK"
|
||||
button={{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Start Project", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Defining the next digital reality."
|
||||
description="We craft unique graphical interfaces that blend artistic precision with technical performance. Explore the fusion of code and creativity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Works",
|
||||
href: "#work",
|
||||
},
|
||||
text: "Our Works", href: "#work"},
|
||||
{
|
||||
text: "Let's Talk",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Let's Talk", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/album-release-website-design_53876-67220.jpg"
|
||||
imageAlt="Digital interface fusion"
|
||||
@@ -83,9 +68,7 @@ export default function LandingPage() {
|
||||
title="Where intuition meets pixel-perfect execution."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Process",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Discover Our Process", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,22 +77,17 @@ export default function LandingPage() {
|
||||
<FeatureBorderGlow
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Eye,
|
||||
title: "Visionary UI",
|
||||
description: "Cutting-edge interface concepts.",
|
||||
},
|
||||
title: "Visionary UI", description: "Cutting-edge interface concepts."},
|
||||
{
|
||||
icon: Network,
|
||||
title: "Interactive UX",
|
||||
description: "Responsive and intuitive layouts.",
|
||||
},
|
||||
title: "Interactive UX", description: "Responsive and intuitive layouts."},
|
||||
{
|
||||
icon: Feather,
|
||||
title: "Artistic Direction",
|
||||
description: "Polished visual language.",
|
||||
},
|
||||
title: "Artistic Direction", description: "Polished visual language."},
|
||||
]}
|
||||
title="Design without boundaries."
|
||||
description="We specialize in high-impact graphical interfaces."
|
||||
@@ -124,41 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Analytics Dashboard",
|
||||
price: "UI Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
|
||||
},
|
||||
id: "p1", name: "Analytics Dashboard", price: "UI Design", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Landing Concept",
|
||||
price: "Web Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/3d-interface-website-presentation-mockup-isolated_359791-202.jpg",
|
||||
},
|
||||
id: "p2", name: "Landing Concept", price: "Web Design", imageSrc: "http://img.b2bpic.net/free-psd/3d-interface-website-presentation-mockup-isolated_359791-202.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "VR Interface",
|
||||
price: "3D UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-digital-art-through-immersive-experiences_23-2151250300.jpg",
|
||||
},
|
||||
id: "p3", name: "VR Interface", price: "3D UI", imageSrc: "http://img.b2bpic.net/free-photo/beauty-digital-art-through-immersive-experiences_23-2151250300.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "E-Commerce Stream",
|
||||
price: "Flow UX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg",
|
||||
},
|
||||
id: "p4", name: "E-Commerce Stream", price: "Flow UX", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Audio Studio",
|
||||
price: "Interactivity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musical-keys-tablet-with-stylus-table_169016-55079.jpg",
|
||||
},
|
||||
id: "p5", name: "Audio Studio", price: "Interactivity", imageSrc: "http://img.b2bpic.net/free-photo/musical-keys-tablet-with-stylus-table_169016-55079.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Scientific Data",
|
||||
price: "Dashboard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
|
||||
},
|
||||
id: "p6", name: "Scientific Data", price: "Dashboard", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg"},
|
||||
]}
|
||||
title="Selected Graphical Works"
|
||||
description="A collection of interfaces redefined."
|
||||
@@ -170,30 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-model-black-leather-jacket-posing-near-lamps_114579-66705.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-model-black-leather-jacket-posing-near-lamps_114579-66705.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-argueing-discussing-drawings-new-ideas-office_176420-1692.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-argueing-discussing-drawings-new-ideas-office_176420-1692.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096461.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096461.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
|
||||
},
|
||||
id: "t4", name: "Marcus K.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophie L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096450.jpg",
|
||||
},
|
||||
id: "t5", name: "Sophie L.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096450.jpg"},
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Endorsements"
|
||||
@@ -205,8 +144,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get Started"
|
||||
title="Ready to design your unique future?"
|
||||
description="Drop us a line and let's bring your vision to life."
|
||||
@@ -217,29 +155,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user