Update src/app/page.tsx

This commit is contained in:
2026-03-31 23:18:02 +00:00
parent ba5969b241
commit bbac7bf7e7

View File

@@ -26,215 +26,100 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Our Vision",
id: "about",
},
{
name: "Start Journey",
id: "contact",
},
]}
brandName="Espuma Ediciones"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Services", id: "services" },
{ name: "Our Vision", id: "about" },
{ name: "Start Journey", id: "contact" },
]}
brandName="Espuma Ediciones"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
title="Manuscripts become literature here"
description="We transform your draft into a finished book through meticulous editing and bespoke design. From concept to publication, your story receives the artistic attention it deserves."
tag="Independent Publishing House"
buttons={[
{
text: "Begin your manuscript journey",
href: "#contact",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-desk-arrangement_23-2148975793.jpg?_wi=1",
imageAlt: "Close-up of paper texture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-desk-arrangement_23-2148975793.jpg?_wi=2",
imageAlt: "Author workspace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-desk-arrangement_23-2148975793.jpg?_wi=3",
imageAlt: "Refined editorial layout",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-desk-arrangement_23-2148975793.jpg?_wi=4",
imageAlt: "Manuscript pages",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-desk-arrangement_23-2148975793.jpg?_wi=5",
imageAlt: "Finished book aesthetic",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Trusted by 100+ authors"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "radial-gradient" }}
title="Manuscripts become literature here"
description="We transform your draft into a finished book through meticulous editing and bespoke design. From concept to publication, your story receives the artistic attention it deserves."
tag="Independent Publishing House"
buttons={[{ text: "Begin your manuscript journey", href: "#contact" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-desk-arrangement_23-2148975793.jpg", imageAlt: "Close-up of paper texture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-desk-arrangement_23-2148975793.jpg", imageAlt: "Author workspace" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Trusted by 100+ authors"
/>
</div>
<div id="services" data-section="services">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Meticulous Editing",
description: "From developmental edits to final proofreading, we polish your voice while maintaining your unique style.",
imageSrc: "http://img.b2bpic.net/free-photo/city-brown-coffe-manager-working_1157-3626.jpg",
},
{
id: "f2",
title: "Bespoke Cover Design",
description: "Custom covers that act as a visual narrative, story-driven and crafted for shelf impact.",
imageSrc: "http://img.b2bpic.net/free-vector/abstract-covers-template-pack_79603-983.jpg",
},
{
id: "f3",
title: "Collaborative Process",
description: "A true partner in your publishing journey, valuing transparency and high-touch communication.",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-books-table-closeup_169016-26091.jpg?_wi=1",
},
]}
title="Our Editorial Craft"
description="Artistic excellence through two core services designed to honor your narrative."
/>
</div>
<div id="services" data-section="services">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Meticulous Editing", description: "From developmental edits to final proofreading, we polish your voice while maintaining your unique style.", imageSrc: "http://img.b2bpic.net/free-photo/city-brown-coffe-manager-working_1157-3626.jpg" },
{ id: "f2", title: "Bespoke Cover Design", description: "Custom covers that act as a visual narrative, story-driven and crafted for shelf impact.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-covers-template-pack_79603-983.jpg" },
{ id: "f3", title: "Collaborative Process", description: "A true partner in your publishing journey, valuing transparency and high-touch communication.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-books-table-closeup_169016-26091.jpg" },
]}
title="Our Editorial Craft"
description="Artistic excellence through two core services designed to honor your narrative."
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="About Us"
title="An Independent Creative Studio"
description="Espuma Ediciones was founded on a singular premise: the belief that every story deserves artistic respect. We are not just a service provider; we are a dedicated creative studio for serious writers."
subdescription="Our curatorial process ensures that your manuscript isn't just published—it's refined, curated, and given the physical form it deserves."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/cozy-home-composition-with-books-table-closeup_169016-26091.jpg?_wi=2"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="About Us"
title="An Independent Creative Studio"
description="Espuma Ediciones was founded on a singular premise: the belief that every story deserves artistic respect. We are not just a service provider; we are a dedicated creative studio for serious writers."
subdescription="Our curatorial process ensures that your manuscript isn't just published—it's refined, curated, and given the physical form it deserves."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/cozy-home-composition-with-books-table-closeup_169016-26091.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Elena Thorne",
handle: "@elena",
testimonial: "Espuma transformed my raw manuscript into a piece of art.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/wallet-senior-job-shopping-professional_1262-2413.jpg?_wi=1",
},
{
id: "2",
name: "Marcus Vane",
handle: "@marcus",
testimonial: "The cover design process was a true collaboration.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tea-reading-book_23-2147848181.jpg",
},
{
id: "3",
name: "Sarah Jenkins",
handle: "@sjenkins",
testimonial: "I finally feel my book has the literary weight it deserves.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-reading-book-home_23-2148833001.jpg",
},
{
id: "4",
name: "Julian Reed",
handle: "@jreed",
testimonial: "Professional, personal, and profoundly talented.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-journey-notebook-wooden-table-cafe_53876-30126.jpg",
},
{
id: "5",
name: "Clara Whitby",
handle: "@clara",
testimonial: "The most thoughtful editorial experience I've had in my career.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/wallet-senior-job-shopping-professional_1262-2413.jpg?_wi=2",
},
]}
showRating={true}
title="Voices of our authors"
description="Hear from the writers who trusted us with their manuscripts."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Elena Thorne", handle: "@elena", testimonial: "Espuma transformed my raw manuscript into a piece of art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wallet-senior-job-shopping-professional_1262-2413.jpg" },
{ id: "2", name: "Marcus Vane", handle: "@marcus", testimonial: "The cover design process was a true collaboration.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tea-reading-book_23-2147848181.jpg" },
{ id: "3", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "I finally feel my book has the literary weight it deserves.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-reading-book-home_23-2148833001.jpg" },
{ id: "4", name: "Julian Reed", handle: "@jreed", testimonial: "Professional, personal, and profoundly talented.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-journey-notebook-wooden-table-cafe_53876-30126.jpg" },
{ id: "5", name: "Clara Whitby", handle: "@clara", testimonial: "The most thoughtful editorial experience I've had in my career.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wallet-senior-job-shopping-professional_1262-2413.jpg" },
]}
showRating={true}
title="Voices of our authors"
description="Hear from the writers who trusted us with their manuscripts."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
text="Ready to begin your manuscript journey? Let us discuss how we can bring your book to life."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@espuma.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "radial-gradient" }}
text="Ready to begin your manuscript journey? Let us discuss how we can bring your book to life."
buttons={[{ text: "Contact Us", href: "mailto:hello@espuma.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Espuma Ediciones"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Editorial",
href: "#services",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
copyrightText="© 2025 Espuma Ediciones"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Espuma Ediciones"
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Editorial", href: "#services" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
]}
copyrightText="© 2025 Espuma Ediciones"
/>
</div>
</ReactLenis>
</ThemeProvider>
);