Merge version_1 into main #2
468
src/app/page.tsx
468
src/app/page.tsx
@@ -29,337 +29,161 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="BrandRate"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BrandRate"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Elevate Your Brand Presence"
|
||||
description="We specialize in high-end branding, visual identity, and strategic growth for premium market brands."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/platanus-plane-tree-bark-texture-camouflage-pattern_1391-288.jpg?_wi=1"
|
||||
imageAlt="luxury branding concept background"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346511.jpg",
|
||||
alt: "Front view woman working as interior designer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/seats-marked-with-x-social-distancing-covid-19_53876-143055.jpg",
|
||||
alt: "Seats marked with an x for social distancing during Covid-19",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/traditional-easter-eggs-concept_23-2148407667.jpg",
|
||||
alt: "Traditional easter eggs concept",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blank-paper-smartphone-eyeglasses-diary-pencil-alarm-clock-white-desk_23-2148061619.jpg",
|
||||
alt: "Blank paper; smartphone; eyeglasses; diary; pencil and alarm clock on white desk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-nature-landscape-with-dry-ground-parched-soil_23-2151813144.jpg",
|
||||
alt: "View of nature landscape with dry ground and parched soil",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 150+ global brands"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Elevate Your Brand Presence"
|
||||
description="We specialize in high-end branding, visual identity, and strategic growth for premium market brands."
|
||||
buttons={[{ text: "Start Project", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/platanus-plane-tree-bark-texture-camouflage-pattern_1391-288.jpg"
|
||||
imageAlt="luxury branding concept background"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346511.jpg", alt: "Front view woman working as interior designer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/seats-marked-with-x-social-distancing-covid-19_53876-143055.jpg", alt: "Seats marked with an x for social distancing during Covid-19" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/traditional-easter-eggs-concept_23-2148407667.jpg", alt: "Traditional easter eggs concept" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blank-paper-smartphone-eyeglasses-diary-pencil-alarm-clock-white-desk_23-2148061619.jpg", alt: "Blank paper; smartphone; eyeglasses; diary; pencil and alarm clock on white desk" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-nature-landscape-with-dry-ground-parched-soil_23-2151813144.jpg", alt: "View of nature landscape with dry ground and parched soil" },
|
||||
]}
|
||||
avatarText="Trusted by 150+ global brands"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting timeless brand stories",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-space-prepared-aa-meeting-group-therapy-with-chairs-circle-nobody-room-used-psychotherapy-session-communication-against-acohol-addiction-problems_482257-27421.jpg",
|
||||
alt: "creative studio workspace",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Crafting timeless brand stories" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/empty-space-prepared-aa-meeting-group-therapy-with-chairs-circle-nobody-room-used-psychotherapy-session-communication-against-acohol-addiction-problems_482257-27421.jpg", alt: "creative studio workspace" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Deep market research and positioning to define your unique value proposition.",
|
||||
icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-art-marbling-colorful_181624-61733.jpg",
|
||||
imageAlt: "brand strategy abstract",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115289.jpg",
|
||||
imageAlt: "brand strategy abstract",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/platanus-plane-tree-bark-texture-camouflage-pattern_1391-288.jpg?_wi=2",
|
||||
imageAlt: "brand strategy abstract",
|
||||
},
|
||||
{
|
||||
title: "Visual Identity",
|
||||
description: "Sophisticated logos, typography, and palette development for premium recognition.",
|
||||
icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166886.jpg",
|
||||
imageAlt: "visual identity design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86306.jpg",
|
||||
imageAlt: "visual identity design",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-space-prepared-aa-meeting-group-therapy-with-chairs-circle-nobody-room-used-psychotherapy-session-communication-against-acohol-addiction-problems_482257-27421.jpg",
|
||||
imageAlt: "brand strategy abstract",
|
||||
},
|
||||
{
|
||||
title: "Digital Growth",
|
||||
description: "Scalable digital ecosystems and marketing infrastructure to accelerate market reach.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/growth-result-analysis-strategy_53876-22903.jpg",
|
||||
imageAlt: "digital branding growth",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-colorful-arrows_1134-381.jpg",
|
||||
imageAlt: "digital branding growth",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-handsome-man_23-2148532556.jpg?_wi=1",
|
||||
imageAlt: "brand strategy abstract",
|
||||
},
|
||||
]}
|
||||
title="Agency Services"
|
||||
description="Our core focus areas in building lasting market impact."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Strategy", description: "Deep market research and positioning to define your unique value proposition.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-art-marbling-colorful_181624-61733.jpg", imageAlt: "brand strategy abstract" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115289.jpg", imageAlt: "brand strategy abstract" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visual Identity", description: "Sophisticated logos, typography, and palette development for premium recognition.", icon: Shield,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166886.jpg", imageAlt: "visual identity design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86306.jpg", imageAlt: "visual identity design" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Digital Growth", description: "Scalable digital ecosystems and marketing infrastructure to accelerate market reach.", icon: Zap,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/growth-result-analysis-strategy_53876-22903.jpg", imageAlt: "digital branding growth" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-colorful-arrows_1134-381.jpg", imageAlt: "digital branding growth" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Agency Services"
|
||||
description="Our core focus areas in building lasting market impact."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Successful Brands",
|
||||
description: "Across five major industries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-apartment-with-minimalist-home-office-design_482257-124354.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "400%",
|
||||
title: "Growth Avg",
|
||||
description: "First year market impact.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-crayons-drawing-gray-background-top-view-with-copy-space-children-s-chalk-advertising-poster_166373-2042.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Retention",
|
||||
description: "Long-term client partnerships.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-books-black-wooden-table_93675-135223.jpg",
|
||||
},
|
||||
]}
|
||||
title="Agency Metrics"
|
||||
description="Hard-hitting performance for client success."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", title: "Successful Brands", description: "Across five major industries.", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-apartment-with-minimalist-home-office-design_482257-124354.jpg" },
|
||||
{ id: "m2", value: "400%", title: "Growth Avg", description: "First year market impact.", imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-crayons-drawing-gray-background-top-view-with-copy-space-children-s-chalk-advertising-poster_166373-2042.jpg" },
|
||||
{ id: "m3", value: "98%", title: "Retention", description: "Long-term client partnerships.", imageSrc: "http://img.b2bpic.net/free-photo/stack-books-black-wooden-table_93675-135223.jpg" },
|
||||
]}
|
||||
title="Agency Metrics"
|
||||
description="Hard-hitting performance for client success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Transformative branding work that redefined our position.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-handsome-man_23-2148532556.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Exceptional clarity and design aesthetic throughout.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "A truly modern approach to branding and digital identity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "They understand market nuance better than anyone.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-tailor-blue-shirt-striped-t-shirt-dreamily-looking-camera-working-with-textile-sewing-workshop_574295-3688.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Lopez",
|
||||
handle: "@mlopez",
|
||||
testimonial: "Professional execution, stunning visual results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-long-hair-outside-posing-portrait-close-up_1321-4608.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Voices"
|
||||
description="What industry leaders say about our work."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Transformative branding work that redefined our position.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-handsome-man_23-2148532556.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Exceptional clarity and design aesthetic throughout.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "A truly modern approach to branding and digital identity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "They understand market nuance better than anyone.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-tailor-blue-shirt-striped-t-shirt-dreamily-looking-camera-working-with-textile-sewing-workshop_574295-3688.jpg" },
|
||||
{ id: "5", name: "Maria Lopez", handle: "@mlopez", testimonial: "Professional execution, stunning visual results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-long-hair-outside-posing-portrait-close-up_1321-4608.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Voices"
|
||||
description="What industry leaders say about our work."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apex Designs",
|
||||
"Luminary Corp",
|
||||
"Nexus Labs",
|
||||
"Vanguard Mode",
|
||||
"Boutique Group",
|
||||
"Startup Flow",
|
||||
"Premium Life",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Proudly working with visionary industry leaders."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Apex Designs", "Luminary Corp", "Nexus Labs", "Vanguard Mode", "Boutique Group", "Startup Flow", "Premium Life"]}
|
||||
title="Trusted Partners"
|
||||
description="Proudly working with visionary industry leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do we define market rate?",
|
||||
content: "Our rates reflect high-end agency quality, market competition, and project scope.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the typical timeline?",
|
||||
content: "Timelines range from 4 to 12 weeks depending on your brand's specific needs.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle strategy too?",
|
||||
content: "Strategy is the foundation of every brand identity project we lead.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-composition-with-cup-tea-books-candles-room_169016-57874.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Questions Answered"
|
||||
description="Clarifying our process and engagement philosophy."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="minimalist architectural interior"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do we define market rate?", content: "Our rates reflect high-end agency quality, market competition, and project scope." },
|
||||
{ id: "f2", title: "What is the typical timeline?", content: "Timelines range from 4 to 12 weeks depending on your brand's specific needs." },
|
||||
{ id: "f3", title: "Can you handle strategy too?", content: "Strategy is the foundation of every brand identity project we lead." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-composition-with-cup-tea-books-candles-room_169016-57874.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Questions Answered"
|
||||
description="Clarifying our process and engagement philosophy."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="minimalist architectural interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Let's Talk"
|
||||
title="Start Your Project"
|
||||
description="Join the waitlist for Q3/Q4 branding slots."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Talk"
|
||||
title="Start Your Project"
|
||||
description="Join the waitlist for Q3/Q4 branding slots."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="BrandRate"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ items: [{ label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="BrandRate"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user