Merge version_1 into main #1
319
src/app/page.tsx
319
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tanea Tavares"
|
||||
/>
|
||||
@@ -55,72 +43,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Tanea Tavares, Creative Strategist"
|
||||
description="Transforming brand narratives into compelling digital experiences with a focus on human-centric design."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Global Brands",
|
||||
},
|
||||
{ value: "10+", label: "Years Experience" },
|
||||
{ value: "200+", label: "Projects Completed" },
|
||||
{ value: "50+", label: "Global Brands" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-man-taking-photos-beautiful-model_23-2148532606.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/calisthenics-parallel-bars-isolated-empty-white-room-black-pull-bar_346278-1589.jpg",
|
||||
alt: "Studio professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photographer-wearing-medical-mask_23-2148503474.jpg",
|
||||
alt: "Creative expert",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/model-getting-ready-photoshoot_23-2149305177.jpg",
|
||||
alt: "Design lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-taking-photos-handsome-man_23-2148532556.jpg",
|
||||
alt: "Strategic partner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-tablet_23-2149403414.jpg",
|
||||
alt: "Collaborator",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/calisthenics-parallel-bars-isolated-empty-white-room-black-pull-bar_346278-1589.jpg", alt: "Studio professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photographer-wearing-medical-mask_23-2148503474.jpg", alt: "Creative expert" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/model-getting-ready-photoshoot_23-2149305177.jpg", alt: "Design lead" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-taking-photos-handsome-man_23-2148532556.jpg", alt: "Strategic partner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-tablet_23-2149403414.jpg", alt: "Collaborator" },
|
||||
]}
|
||||
avatarText="Trusted by leading teams"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Identity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "User Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Transformation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design Leadership",
|
||||
},
|
||||
{ type: "text", text: "Brand Identity" },
|
||||
{ type: "text", text: "User Experience" },
|
||||
{ type: "text", text: "Creative Strategy" },
|
||||
{ type: "text", text: "Digital Transformation" },
|
||||
{ type: "text", text: "Design Leadership" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,18 +78,9 @@ export default function LandingPage() {
|
||||
title="Crafting Stories That Resonate"
|
||||
description="My approach blends strategic insight with meticulous design execution. Every project is an opportunity to bridge the gap between business goals and user emotion."
|
||||
metrics={[
|
||||
{
|
||||
value: "Strategy",
|
||||
title: "Core Discipline",
|
||||
},
|
||||
{
|
||||
value: "Branding",
|
||||
title: "Identity Focus",
|
||||
},
|
||||
{
|
||||
value: "Digital",
|
||||
title: "Experience Design",
|
||||
},
|
||||
{ value: "Strategy", title: "Core Discipline" },
|
||||
{ value: "Branding", title: "Identity Focus" },
|
||||
{ value: "Digital", title: "Experience Design" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155612.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -157,42 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Brand Revitalization",
|
||||
price: "Identity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803264.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Web Platform Design",
|
||||
price: "UI/UX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/notebook-phone-tablet-black-white-office-desk_181624-25320.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Creative Direction",
|
||||
price: "Campaign",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-table-with-art-tools-colorful-pencils-professional-drawing-concept-art-studio-space-african-american-creative-artist-working-masterpiece-canvas-project_482257-28069.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Strategy Workshop",
|
||||
price: "Internal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-professional-corporate-identity-stationery-mockup_187299-47807.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "E-Commerce Re-design",
|
||||
price: "Web",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749857.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Brand Guidelines",
|
||||
price: "Print",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-painted-pieces-wood_23-2148742372.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Brand Revitalization", price: "Identity", imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803264.jpg" },
|
||||
{ id: "p2", name: "Web Platform Design", price: "UI/UX", imageSrc: "http://img.b2bpic.net/free-photo/notebook-phone-tablet-black-white-office-desk_181624-25320.jpg" },
|
||||
{ id: "p3", name: "Creative Direction", price: "Campaign", imageSrc: "http://img.b2bpic.net/free-photo/close-up-table-with-art-tools-colorful-pencils-professional-drawing-concept-art-studio-space-african-american-creative-artist-working-masterpiece-canvas-project_482257-28069.jpg" },
|
||||
{ id: "p4", name: "Strategy Workshop", price: "Internal", imageSrc: "http://img.b2bpic.net/free-photo/clean-professional-corporate-identity-stationery-mockup_187299-47807.jpg" },
|
||||
{ id: "p5", name: "E-Commerce Re-design", price: "Web", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749857.jpg" },
|
||||
{ id: "p6", name: "Brand Guidelines", price: "Print", imageSrc: "http://img.b2bpic.net/free-photo/colorful-painted-pieces-wood_23-2148742372.jpg" },
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A curated collection of design strategies and brand identity implementations."
|
||||
@@ -205,24 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Performance Increase",
|
||||
value: "45%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Industry Awards",
|
||||
value: "12",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Client Retention",
|
||||
value: "98%",
|
||||
},
|
||||
{ id: "m1", icon: Zap, title: "Performance Increase", value: "45%" },
|
||||
{ id: "m2", icon: Award, title: "Industry Awards", value: "12" },
|
||||
{ id: "m3", icon: Users, title: "Client Retention", value: "98%" },
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
description="Data-driven creative success achieved over the last decade."
|
||||
@@ -237,86 +130,25 @@ export default function LandingPage() {
|
||||
title="Professional Insights"
|
||||
description="Thoughts on design, leadership, and the future of creative work."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Design",
|
||||
title: "The Evolution of Branding",
|
||||
excerpt: "Exploring how identities adapt to digital-first environments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-flat-lay_23-2148500535.jpg",
|
||||
authorName: "Tanea",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/man-posing-black-white-medium-shot_23-2149411414.jpg",
|
||||
date: "Oct 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "UX",
|
||||
title: "Human-Centric Strategy",
|
||||
excerpt: "Why empathy remains the most important tool in design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-working-laptop-network-graphic-overlay_53876-124039.jpg",
|
||||
authorName: "Tanea",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg",
|
||||
date: "Sep 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Leadership",
|
||||
title: "Guiding Creative Teams",
|
||||
excerpt: "Balancing autonomy with structured feedback loops.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1663.jpg",
|
||||
authorName: "Tanea",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg",
|
||||
date: "Aug 2024",
|
||||
},
|
||||
{ id: "b1", category: "Design", title: "The Evolution of Branding", excerpt: "Exploring how identities adapt to digital-first environments.", imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-flat-lay_23-2148500535.jpg", authorName: "Tanea", authorAvatar: "http://img.b2bpic.net/free-photo/man-posing-black-white-medium-shot_23-2149411414.jpg", date: "Oct 2024" },
|
||||
{ id: "b2", category: "UX", title: "Human-Centric Strategy", excerpt: "Why empathy remains the most important tool in design.", imageSrc: "http://img.b2bpic.net/free-photo/hands-working-laptop-network-graphic-overlay_53876-124039.jpg", authorName: "Tanea", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg", date: "Sep 2024" },
|
||||
{ id: "b3", category: "Leadership", title: "Guiding Creative Teams", excerpt: "Balancing autonomy with structured feedback loops.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1663.jpg", authorName: "Tanea", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg", date: "Aug 2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
company: "Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Director",
|
||||
company: "Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
role: "Head of Design",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13685.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
role: "Co-founder",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-brunette-female-pointing-up-workplace_23-2148180650.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Adams",
|
||||
role: "Marketing",
|
||||
company: "Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "CEO", company: "Ventures", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "2", name: "James Chen", role: "Director", company: "Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg" },
|
||||
{ id: "3", name: "Elena Rossi", role: "Head of Design", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13685.jpg" },
|
||||
{ id: "4", name: "Mark Wilson", role: "Co-founder", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-brunette-female-pointing-up-workplace_23-2148180650.jpg" },
|
||||
{ id: "5", name: "Julia Adams", role: "Marketing", company: "Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="What industry partners have to say about working with Tanea."
|
||||
@@ -328,21 +160,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you start a project?",
|
||||
content: "I begin with a deep dive into your business goals and market positioning.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the timeline?",
|
||||
content: "Timelines are tailored to the complexity and scope of each project.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you work remotely?",
|
||||
content: "Yes, I collaborate with global teams across time zones.",
|
||||
},
|
||||
{ id: "f1", title: "How do you start a project?", content: "I begin with a deep dive into your business goals and market positioning." },
|
||||
{ id: "f2", title: "What is the timeline?", content: "Timelines are tailored to the complexity and scope of each project." },
|
||||
{ id: "f3", title: "Do you work remotely?", content: "Yes, I collaborate with global teams across time zones." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas_176420-1672.jpg"
|
||||
title="Frequently Asked"
|
||||
@@ -355,9 +175,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Let's collaborate"
|
||||
description="Reach out to discuss new initiatives or creative strategy inquiries."
|
||||
@@ -368,50 +186,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
{
|
||||
label: "Insights",
|
||||
href: "#insights",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Work", href: "#work" },
|
||||
{ label: "Insights", href: "#insights" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -421,4 +212,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user