Merge version_1 into main #1
182
src/app/page.tsx
182
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "features",
|
||||
},
|
||||
name: "Work", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="intersect"
|
||||
/>
|
||||
@@ -55,40 +47,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting the digital future."
|
||||
description="Intersect builds high-performance websites for businesses that refuse to settle for average. We combine strategic design with precise engineering to deliver digital experiences that convert."
|
||||
tag="PREMIUM WEB AGENCY"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start your project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start your project", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg",
|
||||
imageAlt: "Abstract Tech Interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg", imageAlt: "Abstract Tech Interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-wave-texture-with-glossy-reflective-surface-dark-lighting_84443-91498.jpg",
|
||||
imageAlt: "3D Abstract Geometry",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg",
|
||||
imageAlt: "Digital workspace interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-executive-manager-having-fun-break_482257-77659.jpg",
|
||||
imageAlt: "Executive manager in digital workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",
|
||||
imageAlt: "Abstract tech dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-wave-texture-with-glossy-reflective-surface-dark-lighting_84443-91498.jpg", imageAlt: "3D Abstract Geometry"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -103,9 +76,7 @@ export default function LandingPage() {
|
||||
title="We merge technology and design to solve complex business challenges through beautiful, functional web experiences."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Approach",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Approach", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,32 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Modern Web Design",
|
||||
tags: [
|
||||
"UI/UX",
|
||||
"Responsive",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg",
|
||||
},
|
||||
id: "1", title: "Modern Web Design", tags: [
|
||||
"UI/UX", "Responsive"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Performance Tuning",
|
||||
tags: [
|
||||
"SEO",
|
||||
"Speed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/accountant-office-interrupted-my-manager-asking-him-check-reports_482257-126446.jpg",
|
||||
},
|
||||
id: "2", title: "Performance Tuning", tags: [
|
||||
"SEO", "Speed"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/accountant-office-interrupted-my-manager-asking-him-check-reports_482257-126446.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Secure Architecture",
|
||||
tags: [
|
||||
"Cloud",
|
||||
"DevOps",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-male-spy-solving-database-server-cyberattack-system-hacked-warning-multiple-monitors-internet-thief-planting-trojan-virus-access-sensitive-infomation-data-breach-ransomware-attack_482257-66136.jpg",
|
||||
},
|
||||
id: "3", title: "Secure Architecture", tags: [
|
||||
"Cloud", "DevOps"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-male-spy-solving-database-server-cyberattack-system-hacked-warning-multiple-monitors-internet-thief-planting-trojan-virus-access-sensitive-infomation-data-breach-ransomware-attack_482257-66136.jpg"},
|
||||
]}
|
||||
title="Built for scale, designed for impact."
|
||||
description="Our development philosophy centers on performance, security, and intuitive design that drives user behavior."
|
||||
@@ -154,14 +110,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Nexus Corp",
|
||||
"Ventures AI",
|
||||
"CloudPath",
|
||||
"Innovate X",
|
||||
"Synergy Labs",
|
||||
"Data Stream",
|
||||
"Apex Digital",
|
||||
]}
|
||||
"Nexus Corp", "Ventures AI", "CloudPath", "Innovate X", "Synergy Labs", "Data Stream", "Apex Digital"]}
|
||||
title="Trusted by visionary brands"
|
||||
description="Partnering with industry leaders to deliver excellence."
|
||||
/>
|
||||
@@ -175,25 +124,15 @@ export default function LandingPage() {
|
||||
author="Sarah Jenkins, CTO of Nexus"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-strict-young-handsome-caucasian-man-wearing-glasses-standing-profile-view-isolated-crimson-wall_141793-79811.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-strict-young-handsome-caucasian-man-wearing-glasses-standing-profile-view-isolated-crimson-wall_141793-79811.jpg", alt: "Michael"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292846.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292846.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
alt: "Professional Leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Professional Leader"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -208,23 +147,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Alex River",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg",
|
||||
},
|
||||
id: "m1", name: "Alex River", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "James Chen",
|
||||
role: "Lead Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
},
|
||||
id: "m2", name: "James Chen", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Elena Voss",
|
||||
role: "Operations Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
id: "m3", name: "Elena Voss", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
|
||||
]}
|
||||
title="Meet the minds behind Intersect"
|
||||
description="We are a group of designers, engineers, and strategists obsessed with the details that move the needle."
|
||||
@@ -236,20 +163,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Reach out through the contact form, and we'll schedule a discovery call.",
|
||||
},
|
||||
id: "q1", title: "How do we start?", content: "Reach out through the contact form, and we'll schedule a discovery call."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the timeline?",
|
||||
content: "Every project is unique, but we average 8-12 weeks.",
|
||||
},
|
||||
id: "q2", title: "What is the timeline?", content: "Every project is unique, but we average 8-12 weeks."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide maintenance?",
|
||||
content: "Yes, we offer ongoing performance and security maintenance.",
|
||||
},
|
||||
id: "q3", title: "Do you provide maintenance?", content: "Yes, we offer ongoing performance and security maintenance."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="We have the answers."
|
||||
@@ -261,16 +179,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="START NOW"
|
||||
title="Let's build something exceptional."
|
||||
description="Ready to elevate your digital presence? We're taking on new partnerships for Q3."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact us today",
|
||||
href: "mailto:hello@intersect.agency",
|
||||
},
|
||||
text: "Contact us today", href: "mailto:hello@intersect.agency"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -279,42 +194,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Work", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user