Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c621720324 | |||
| 975c9df9c2 | |||
| 2ab245ea34 | |||
| 1738d0c108 |
277
src/app/page.tsx
277
src/app/page.tsx
@@ -3,10 +3,10 @@
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#features"},
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "#pricing"},
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Adaptive"
|
brandName="Adaptive"
|
||||||
/>
|
/>
|
||||||
@@ -56,102 +48,54 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="We Design Adaptive Experiences."
|
title="We Design Adaptive Experiences."
|
||||||
description="Adaptive is a creative agency built for the future. We craft digital identities that evolve, scale, and resonate."
|
description="Adaptive is a creative agency built for the future. We craft digital identities that evolve, scale, and resonate."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Alex Rivers",
|
name: "Alex Rivers", handle: "@alex", testimonial: "Adaptive transformed our digital presence completely.", rating: 5,
|
||||||
handle: "@alex",
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg?_wi=1", imageAlt: "creative agency studio aesthetic"},
|
||||||
testimonial: "Adaptive transformed our digital presence completely.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg?_wi=1",
|
|
||||||
imageAlt: "creative agency studio aesthetic",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Sam Taylor",
|
name: "Sam Taylor", handle: "@sam", testimonial: "The best creative partners we've ever worked with.", rating: 5,
|
||||||
handle: "@sam",
|
imageSrc: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571034.jpg", imageAlt: "creative agency studio aesthetic"},
|
||||||
testimonial: "The best creative partners we've ever worked with.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571034.jpg",
|
|
||||||
imageAlt: "creative agency studio aesthetic",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Jamie Lee",
|
name: "Jamie Lee", handle: "@jamie", testimonial: "Innovative designs that actually drive results.", rating: 5,
|
||||||
handle: "@jamie",
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-graphics_23-2148080988.jpg?_wi=1", imageAlt: "creative agency studio aesthetic"},
|
||||||
testimonial: "Innovative designs that actually drive results.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-graphics_23-2148080988.jpg?_wi=1",
|
|
||||||
imageAlt: "creative agency studio aesthetic",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Morgan Gray",
|
name: "Morgan Gray", handle: "@morgan", testimonial: "Exceptional attention to detail and branding.", rating: 5,
|
||||||
handle: "@morgan",
|
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg?_wi=1", imageAlt: "creative agency studio aesthetic"},
|
||||||
testimonial: "Exceptional attention to detail and branding.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg?_wi=1",
|
|
||||||
imageAlt: "creative agency studio aesthetic",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Jordan P.",
|
name: "Jordan P.", handle: "@jordan", testimonial: "A truly modern creative agency.", rating: 5,
|
||||||
handle: "@jordan",
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg?_wi=1", imageAlt: "creative agency studio aesthetic"},
|
||||||
testimonial: "A truly modern creative agency.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg?_wi=1",
|
|
||||||
imageAlt: "creative agency studio aesthetic",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Start Project",
|
text: "Start Project", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg?_wi=2"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/abstract-arrangement-3d-glasses_23-2149487729.jpg",
|
src: "http://img.b2bpic.net/free-photo/abstract-arrangement-3d-glasses_23-2149487729.jpg", alt: "Abstract arrangement of 3d glasses"},
|
||||||
alt: "Abstract arrangement of 3d glasses",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/letter-eyeglasses-smartphone-earphone-coffee-cup-white-desk_23-2148061610.jpg",
|
src: "http://img.b2bpic.net/free-photo/letter-eyeglasses-smartphone-earphone-coffee-cup-white-desk_23-2148061610.jpg", alt: "Letter a; eyeglasses; smartphone; earphone; coffee cup on white desk"},
|
||||||
alt: "Letter a; eyeglasses; smartphone; earphone; coffee cup on white desk",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105302.jpg",
|
src: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105302.jpg", alt: "Comparison of different types of brush strokes"},
|
||||||
alt: "Comparison of different types of brush strokes",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443498.jpg",
|
src: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443498.jpg", alt: "Top view over career guidance items for designers"},
|
||||||
alt: "Top view over career guidance items for designers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg",
|
src: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg", alt: "creative agency studio aesthetic"},
|
||||||
alt: "creative agency studio aesthetic",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Adaptive Strategy"},
|
||||||
text: "Adaptive Strategy",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Digital Transformation"},
|
||||||
text: "Digital Transformation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Brand Evolution"},
|
||||||
text: "Brand Evolution",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Modern UX/UI"},
|
||||||
text: "Modern UX/UI",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Growth Marketing"},
|
||||||
text: "Growth Marketing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -163,19 +107,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Award,
|
icon: Award,
|
||||||
label: "Projects Won",
|
label: "Projects Won", value: "150+"},
|
||||||
value: "150+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Users,
|
icon: Users,
|
||||||
label: "Happy Clients",
|
label: "Happy Clients", value: "85+"},
|
||||||
value: "85+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Zap,
|
icon: Zap,
|
||||||
label: "Years Active",
|
label: "Years Active", value: "10+"},
|
||||||
value: "10+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -188,20 +126,11 @@ export default function LandingPage() {
|
|||||||
description="We offer a suite of creative services tailored to your business needs."
|
description="We offer a suite of creative services tailored to your business needs."
|
||||||
accordionItems={[
|
accordionItems={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Brand Strategy", content: "Defining your identity in a cluttered market."},
|
||||||
title: "Brand Strategy",
|
|
||||||
content: "Defining your identity in a cluttered market.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Digital Design", content: "Beautiful, high-conversion interfaces."},
|
||||||
title: "Digital Design",
|
|
||||||
content: "Beautiful, high-conversion interfaces.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Campaign Growth", content: "Marketing strategies that scale."},
|
||||||
title: "Campaign Growth",
|
|
||||||
content: "Marketing strategies that scale.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-smartphone-graphics_23-2148080988.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-smartphone-graphics_23-2148080988.jpg?_wi=2"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
@@ -213,14 +142,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"TechCorp",
|
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalWave", "CloudSync", "NexusDesign"]}
|
||||||
"InnovateLab",
|
|
||||||
"GrowthCo",
|
|
||||||
"StartupXYZ",
|
|
||||||
"DigitalWave",
|
|
||||||
"CloudSync",
|
|
||||||
"NexusDesign",
|
|
||||||
]}
|
|
||||||
title="Trusted by Leaders"
|
title="Trusted by Leaders"
|
||||||
description="We partner with forward-thinking companies to build greatness."
|
description="We partner with forward-thinking companies to build greatness."
|
||||||
/>
|
/>
|
||||||
@@ -233,52 +155,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", price: "$5,000", name: "Starter", buttons: [
|
||||||
price: "$5,000",
|
|
||||||
name: "Starter",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Brand Audit",
|
"Brand Audit", "Logo Design", "Style Guide"],
|
||||||
"Logo Design",
|
|
||||||
"Style Guide",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "pro",
|
id: "pro", price: "$12,000", name: "Professional", buttons: [
|
||||||
price: "$12,000",
|
|
||||||
name: "Professional",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Full Rebrand",
|
"Full Rebrand", "UI/UX Design", "Social Assets"],
|
||||||
"UI/UX Design",
|
|
||||||
"Social Assets",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "ent",
|
id: "ent", price: "$25,000", name: "Enterprise", buttons: [
|
||||||
price: "$25,000",
|
|
||||||
name: "Enterprise",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Contact Us",
|
text: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Design Systems",
|
"Design Systems", "Growth Strategy", "Full Support"],
|
||||||
"Growth Strategy",
|
|
||||||
"Full Support",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Transparent Pricing"
|
title="Transparent Pricing"
|
||||||
@@ -291,30 +189,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Jane D.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg?_wi=2"},
|
||||||
name: "Jane D.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Mark S.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg?_wi=2"},
|
||||||
name: "Mark S.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Lisa R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"},
|
||||||
name: "Lisa R.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Tom B.", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-photo-smiling-woman-wearing-turtleneck-top_250224-182.jpg"},
|
||||||
name: "Tom B.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-photo-smiling-woman-wearing-turtleneck-top_250224-182.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
||||||
name: "Sarah K.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="What They Say"
|
cardTitle="What They Say"
|
||||||
cardTag="Testimonials"
|
cardTag="Testimonials"
|
||||||
@@ -327,20 +210,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "How do we start?", content: "Just schedule a discovery call through our contact form."},
|
||||||
title: "How do we start?",
|
|
||||||
content: "Just schedule a discovery call through our contact form.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "What's the process?", content: "Discovery, Strategy, Design, and Delivery."},
|
||||||
title: "What's the process?",
|
|
||||||
content: "Discovery, Strategy, Design, and Delivery.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Do you work remotely?", content: "Yes, we are a fully remote global studio."},
|
||||||
title: "Do you work remotely?",
|
|
||||||
content: "Yes, we are a fully remote global studio.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Questions?"
|
sideTitle="Questions?"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -348,51 +222,36 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
|
||||||
background={{
|
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Let's Connect"
|
tag="Let's Connect"
|
||||||
title="Start your journey with Adaptive today."
|
title="Start your journey with Adaptive today."
|
||||||
description="Share your vision and let's craft something remarkable."
|
description="Share your vision and let's craft something remarkable."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg"
|
background={{
|
||||||
mediaAnimation="slide-up"
|
variant: "plain"}}
|
||||||
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterBaseReveal
|
||||||
|
logoText="Adaptive"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
items: [
|
title: "Company", items: [
|
||||||
{
|
{ label: "About", href: "#about" },
|
||||||
label: "About",
|
{ label: "Services", href: "#features" },
|
||||||
href: "#about",
|
]
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Services",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
title: "Legal", items: [
|
||||||
{
|
{ label: "Privacy", href: "#" },
|
||||||
label: "Privacy",
|
{ label: "Terms", href: "#" },
|
||||||
href: "#",
|
]
|
||||||
},
|
}
|
||||||
{
|
|
||||||
label: "Terms",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Adaptive"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user