Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -31,124 +31,69 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BrandForge"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="We Forge Brands That Outlast the Trends"
|
||||
description="Strategic branding for companies that want to define the future, not just participate in it."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The branding work completely redefined our market presence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13075.jpg?_wi=1",
|
||||
imageAlt: "minimalist abstract branding studio",
|
||||
},
|
||||
name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The branding work completely redefined our market presence.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13075.jpg", imageAlt: "minimalist abstract branding studio"},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mtcreative",
|
||||
testimonial: "Absolute professionals. Their strategic approach is second to none.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-business-partners-meeting-discussing-company-profits-making-research-looking-through-ompetieours-work-laptop-business-teamwork-concept_176420-8292.jpg?_wi=1",
|
||||
imageAlt: "minimalist abstract branding studio",
|
||||
},
|
||||
name: "Marcus Thorne", handle: "@mtcreative", testimonial: "Absolute professionals. Their strategic approach is second to none.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-business-partners-meeting-discussing-company-profits-making-research-looking-through-ompetieours-work-laptop-business-teamwork-concept_176420-8292.jpg", imageAlt: "minimalist abstract branding studio"},
|
||||
{
|
||||
name: "Emily Chen",
|
||||
handle: "@echen_dev",
|
||||
testimonial: "BrandForge transformed our startup into a recognized industry leader.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-portrait-ai-generated_268835-11186.jpg?_wi=1",
|
||||
imageAlt: "minimalist abstract branding studio",
|
||||
},
|
||||
name: "Emily Chen", handle: "@echen_dev", testimonial: "BrandForge transformed our startup into a recognized industry leader.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-portrait-ai-generated_268835-11186.jpg", imageAlt: "minimalist abstract branding studio"},
|
||||
{
|
||||
name: "Liam Ross",
|
||||
handle: "@liamr_design",
|
||||
testimonial: "Exceptional vision and execution from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg?_wi=1",
|
||||
imageAlt: "minimalist abstract branding studio",
|
||||
},
|
||||
name: "Liam Ross", handle: "@liamr_design", testimonial: "Exceptional vision and execution from start to finish.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg", imageAlt: "minimalist abstract branding studio"},
|
||||
{
|
||||
name: "Sofia Varg",
|
||||
handle: "@sofvarg",
|
||||
testimonial: "They truly understand the intersection of brand and business.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg?_wi=1",
|
||||
imageAlt: "minimalist abstract branding studio",
|
||||
},
|
||||
name: "Sofia Varg", handle: "@sofvarg", testimonial: "They truly understand the intersection of brand and business.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", imageAlt: "minimalist abstract branding studio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13075.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13075.jpg"
|
||||
imageAlt="minimalist abstract branding studio"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345422.jpg",
|
||||
alt: "Still life of graphic design office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345422.jpg", alt: "Still life of graphic design office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/display-charcoal-different-forms_23-2149654171.jpg",
|
||||
alt: "Display of charcoal in different forms",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/display-charcoal-different-forms_23-2149654171.jpg", alt: "Display of charcoal in different forms"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/individuality-identity-creative-design-logo-creation_53876-124029.jpg",
|
||||
alt: "Individuality Identity Creative Design Logo Creation",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/individuality-identity-creative-design-logo-creation_53876-124029.jpg", alt: "Individuality Identity Creative Design Logo Creation"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105226.jpg",
|
||||
alt: "Comparison of different types of brush strokes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105226.jpg", alt: "Comparison of different types of brush strokes"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31452.jpg",
|
||||
alt: "Internationals people standing in a cafe with shopping bags",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31452.jpg", alt: "Internationals people standing in a cafe with shopping bags"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Strategy",
|
||||
},
|
||||
type: "text", text: "Brand Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Visual Identity",
|
||||
},
|
||||
type: "text", text: "Visual Identity"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UX Design",
|
||||
},
|
||||
type: "text", text: "UX Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Narrative Strategy",
|
||||
},
|
||||
type: "text", text: "Narrative Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Market Positioning",
|
||||
},
|
||||
type: "text", text: "Market Positioning"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,19 +106,13 @@ export default function LandingPage() {
|
||||
description="We are a boutique agency specializing in holistic brand development. From research to identity design, we ensure every touchpoint resonates with your core audience."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Market Positioning",
|
||||
description: "Defining your unique space in the competitive landscape.",
|
||||
},
|
||||
title: "Market Positioning", description: "Defining your unique space in the competitive landscape."},
|
||||
{
|
||||
title: "Identity Systems",
|
||||
description: "Crafting visual languages that communicate your values.",
|
||||
},
|
||||
title: "Identity Systems", description: "Crafting visual languages that communicate your values."},
|
||||
{
|
||||
title: "Brand Experience",
|
||||
description: "Designing cohesive journeys across all digital platforms.",
|
||||
},
|
||||
title: "Brand Experience", description: "Designing cohesive journeys across all digital platforms."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-business-partners-meeting-discussing-company-profits-making-research-looking-through-ompetieours-work-laptop-business-teamwork-concept_176420-8292.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-business-partners-meeting-discussing-company-profits-making-research-looking-through-ompetieours-work-laptop-business-teamwork-concept_176420-8292.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="modern creative agency office"
|
||||
/>
|
||||
@@ -185,23 +124,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Visual Identity",
|
||||
description: "Logo, typography, and color systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-browsing-tablet-office_23-2148452645.jpg",
|
||||
imageAlt: "minimalist abstract branding studio",
|
||||
},
|
||||
title: "Visual Identity", description: "Logo, typography, and color systems.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-browsing-tablet-office_23-2148452645.jpg", imageAlt: "minimalist abstract branding studio"},
|
||||
{
|
||||
title: "Content Strategy",
|
||||
description: "Driving engagement through narrative design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345421.jpg",
|
||||
imageAlt: "minimalist abstract branding studio",
|
||||
},
|
||||
title: "Content Strategy", description: "Driving engagement through narrative design.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345421.jpg", imageAlt: "minimalist abstract branding studio"},
|
||||
{
|
||||
title: "UX Design",
|
||||
description: "Digital interfaces that reflect your identity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797681.jpg",
|
||||
imageAlt: "minimalist abstract branding studio",
|
||||
},
|
||||
title: "UX Design", description: "Digital interfaces that reflect your identity.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797681.jpg", imageAlt: "minimalist abstract branding studio"},
|
||||
]}
|
||||
title="Core Services"
|
||||
description="Tailored branding solutions for modern businesses."
|
||||
@@ -213,14 +140,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Uber",
|
||||
"Airbnb",
|
||||
"Spotify",
|
||||
]}
|
||||
"Microsoft", "Google", "Amazon", "Tesla", "Uber", "Airbnb", "Spotify"]}
|
||||
title="Trusted by Market Leaders"
|
||||
description="We work with visionaries and innovators globally."
|
||||
/>
|
||||
@@ -234,20 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Brand Identities Launched",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Brand Identities Launched"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40%",
|
||||
description: "Avg Growth in Brand Value",
|
||||
},
|
||||
id: "m2", value: "40%", description: "Avg Growth in Brand Value"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "25+",
|
||||
description: "Industry Design Awards",
|
||||
},
|
||||
id: "m3", value: "25+", description: "Industry Design Awards"},
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="Our work drives measurable results."
|
||||
@@ -262,45 +173,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Cooper",
|
||||
role: "CMO",
|
||||
company: "Global Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-portrait-ai-generated_268835-11186.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Alice Cooper", role: "CMO", company: "Global Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-portrait-ai-generated_268835-11186.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
role: "Founder",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Bob Smith", role: "Founder", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carol White",
|
||||
role: "VP",
|
||||
company: "TechBase",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Carol White", role: "VP", company: "TechBase", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dan Brown",
|
||||
role: "CEO",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
},
|
||||
id: "4", name: "Dan Brown", role: "CEO", company: "Growth", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve Adams",
|
||||
role: "Owner",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85922.jpg",
|
||||
},
|
||||
id: "5", name: "Eve Adams", role: "Owner", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85922.jpg"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear what our partners have to say."
|
||||
@@ -311,14 +197,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to redefine your brand? Let's start the conversation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -329,29 +212,19 @@ export default function LandingPage() {
|
||||
logoText="BrandForge"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user