Merge version_1 into main #2
230
src/app/page.tsx
230
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bespoke"
|
||||
/>
|
||||
@@ -54,60 +46,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Artisanal Branding & Precision Print"
|
||||
description="We transform your vision into tactile reality with bespoke print solutions and sophisticated branding identity design."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-with-thumbs-up-office-with-panoramic-windows_231208-339.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-with-thumbs-up-office-with-panoramic-windows_231208-339.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094587.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094587.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1189.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1189.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-looking-elegant-posing-suit_23-2149488025.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-looking-elegant-posing-suit_23-2149488025.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-with-thumbs-up-office-with-panoramic-windows_231208-339.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-with-thumbs-up-office-with-panoramic-windows_231208-339.jpg", alt: "Client"},
|
||||
]}
|
||||
avatarText="Trusted by 100+ brands"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Letterpress",
|
||||
},
|
||||
type: "text", text: "Letterpress"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Foil Stamping",
|
||||
},
|
||||
type: "text", text: "Foil Stamping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Debossing",
|
||||
},
|
||||
type: "text", text: "Debossing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Strategy",
|
||||
},
|
||||
type: "text", text: "Brand Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Stationery",
|
||||
},
|
||||
type: "text", text: "Custom Stationery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,9 +86,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Craftsmanship Redefined"
|
||||
description={[
|
||||
"At Bespoke, we believe that every brand has a soul that deserves to be printed on the finest materials. We combine traditional letterpress techniques with modern design strategy to build identities that resonate.",
|
||||
"From concept to final press run, our studio ensures every detail is meticulously curated, providing a premium experience that speaks volumes about your company's values.",
|
||||
]}
|
||||
"At Bespoke, we believe that every brand has a soul that deserves to be printed on the finest materials. We combine traditional letterpress techniques with modern design strategy to build identities that resonate.", "From concept to final press run, our studio ensures every detail is meticulously curated, providing a premium experience that speaks volumes about your company's values."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -130,70 +97,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feat-1",
|
||||
title: "Brand Identity Design",
|
||||
description: "Comprehensive visual systems, typography, and strategy to define your market presence.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-business-card-design_23-2149325076.jpg?_wi=1",
|
||||
imageAlt: "Branding Design",
|
||||
},
|
||||
id: "feat-1", title: "Brand Identity Design", description: "Comprehensive visual systems, typography, and strategy to define your market presence.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-with-golden-elements-business-card_23-2147548805.jpg", imageAlt: "luxury branding studio workspace"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Logo Design",
|
||||
},
|
||||
text: "Logo Design"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Brand Guidelines",
|
||||
},
|
||||
text: "Brand Guidelines"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-with-golden-elements-business-card_23-2147548805.jpg",
|
||||
imageAlt: "luxury branding studio workspace",
|
||||
},
|
||||
{
|
||||
id: "feat-2",
|
||||
title: "Luxury Print Solutions",
|
||||
description: "High-end finishing including gold foil, debossing, and premium stock selection for maximum impact.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-roof-tiles-texture-pattern_58702-13994.jpg?_wi=1",
|
||||
imageAlt: "Print Solutions",
|
||||
},
|
||||
id: "feat-2", title: "Luxury Print Solutions", description: "High-end finishing including gold foil, debossing, and premium stock selection for maximum impact.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-preparing-tattoo-art_23-2149479240.jpg", imageAlt: "letterpress printing closeup"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Letterpress",
|
||||
},
|
||||
text: "Letterpress"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Custom Foiling",
|
||||
},
|
||||
text: "Custom Foiling"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-preparing-tattoo-art_23-2149479240.jpg",
|
||||
imageAlt: "letterpress printing closeup",
|
||||
},
|
||||
{
|
||||
id: "feat-3",
|
||||
title: "Graphic Design Assets",
|
||||
description: "Polished digital and physical assets that carry your brand message consistently.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-logotype-collection_23-2147552580.jpg?_wi=1",
|
||||
imageAlt: "Design Assets",
|
||||
},
|
||||
id: "feat-3", title: "Graphic Design Assets", description: "Polished digital and physical assets that carry your brand message consistently.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-business-card-design_23-2149325076.jpg", imageAlt: "brand identity kit flatlay"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Brochures",
|
||||
},
|
||||
text: "Brochures"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Stationery Sets",
|
||||
},
|
||||
text: "Stationery Sets"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-business-card-design_23-2149325076.jpg?_wi=2",
|
||||
imageAlt: "brand identity kit flatlay",
|
||||
},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
@@ -209,26 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Business Card Set",
|
||||
price: "From $250",
|
||||
variant: "Gold Foil/Linen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-milling-machine-operator_74855-5031.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Premium Business Card Set", price: "From $250", variant: "Gold Foil/Linen", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-milling-machine-operator_74855-5031.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bespoke Invitation Suite",
|
||||
price: "From $500",
|
||||
variant: "Letterpress/Cream",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-wedding-invitation-template_23-2148266577.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Bespoke Invitation Suite", price: "From $500", variant: "Letterpress/Cream", imageSrc: "http://img.b2bpic.net/free-vector/elegant-wedding-invitation-template_23-2148266577.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Corporate Identity Brochure",
|
||||
price: "From $850",
|
||||
variant: "Hardbound/Matte",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/luxury-gala-dinner-vertical-banner-template_23-2150212331.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Corporate Identity Brochure", price: "From $850", variant: "Hardbound/Matte", imageSrc: "http://img.b2bpic.net/free-vector/luxury-gala-dinner-vertical-banner-template_23-2150212331.jpg"},
|
||||
]}
|
||||
title="Bespoke Collection"
|
||||
description="Curated print products that define luxury and quality."
|
||||
@@ -241,60 +166,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2024",
|
||||
title: "Boutique Owner",
|
||||
quote: "The quality of work is unparalleled.",
|
||||
tag: "Excellence",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-with-thumbs-up-office-with-panoramic-windows_231208-339.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-roof-tiles-texture-pattern_58702-13994.jpg?_wi=2",
|
||||
imageAlt: "textured paper samples finishing",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", date: "Oct 2024", title: "Boutique Owner", quote: "The quality of work is unparalleled.", tag: "Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-with-thumbs-up-office-with-panoramic-windows_231208-339.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photo-roof-tiles-texture-pattern_58702-13994.jpg", imageAlt: "textured paper samples finishing"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
date: "Sep 2024",
|
||||
title: "Creative Lead",
|
||||
quote: "Bespoke truly understands the nuances of premium print.",
|
||||
tag: "Detail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094587.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-logotype-collection_23-2147552580.jpg?_wi=2",
|
||||
imageAlt: "digital branding design studio",
|
||||
},
|
||||
id: "t2", name: "Mark L.", date: "Sep 2024", title: "Creative Lead", quote: "Bespoke truly understands the nuances of premium print.", tag: "Detail", avatarSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094587.jpg", imageSrc: "http://img.b2bpic.net/free-vector/abstract-logotype-collection_23-2147552580.jpg", imageAlt: "digital branding design studio"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
date: "Aug 2024",
|
||||
title: "Marketing Director",
|
||||
quote: "Professional, punctual, and stunning.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1189.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-milling-machine-operator_74855-5031.jpg?_wi=2",
|
||||
imageAlt: "gold foil business card",
|
||||
},
|
||||
id: "t3", name: "Elena R.", date: "Aug 2024", title: "Marketing Director", quote: "Professional, punctual, and stunning.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1189.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-milling-machine-operator_74855-5031.jpg", imageAlt: "gold foil business card"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
date: "Jul 2024",
|
||||
title: "Entrepreneur",
|
||||
quote: "They turned our vision into reality effortlessly.",
|
||||
tag: "Creative",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-elegant-posing-suit_23-2149488025.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-wedding-invitation-template_23-2148266577.jpg?_wi=2",
|
||||
imageAlt: "minimalist wax seal invitation",
|
||||
},
|
||||
id: "t4", name: "David K.", date: "Jul 2024", title: "Entrepreneur", quote: "They turned our vision into reality effortlessly.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-elegant-posing-suit_23-2149488025.jpg", imageSrc: "http://img.b2bpic.net/free-vector/elegant-wedding-invitation-template_23-2148266577.jpg", imageAlt: "minimalist wax seal invitation"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice M.",
|
||||
date: "Jun 2024",
|
||||
title: "Event Planner",
|
||||
quote: "The best print experience I've had in years.",
|
||||
tag: "Stunning",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-with-thumbs-up-office-with-panoramic-windows_231208-339.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/luxury-gala-dinner-vertical-banner-template_23-2150212331.jpg?_wi=2",
|
||||
imageAlt: "luxury brand brochure design",
|
||||
},
|
||||
id: "t5", name: "Alice M.", date: "Jun 2024", title: "Event Planner", quote: "The best print experience I've had in years.", tag: "Stunning", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-with-thumbs-up-office-with-panoramic-windows_231208-339.jpg", imageSrc: "http://img.b2bpic.net/free-vector/luxury-gala-dinner-vertical-banner-template_23-2150212331.jpg", imageAlt: "luxury brand brochure design"},
|
||||
]}
|
||||
title="Voices of Quality"
|
||||
description="See why top-tier brands trust Bespoke with their most important projects."
|
||||
@@ -305,8 +185,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Start Your Bespoke Journey"
|
||||
description="Ready to redefine your brand presence? Let's discuss your next project over a consultation."
|
||||
@@ -317,42 +196,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Bespoke Studio",
|
||||
items: [
|
||||
title: "Bespoke Studio", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Our Process", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Branding",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Branding", href: "#services"},
|
||||
{
|
||||
label: "Print Production",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Print Production", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user