Merge version_1 into main #2
242
src/app/page.tsx
242
src/app/page.tsx
@@ -32,64 +32,41 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Paper & Pen"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Moments, One Page at a Time"
|
||||
description="Discover our hand-picked collection of premium stationery, pens, and desk essentials designed to inspire your creativity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept_23-2147788410.jpg?_wi=1",
|
||||
imageAlt: "elegant stationary shop aesthetic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept_23-2147788410.jpg", imageAlt: "elegant stationary shop aesthetic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916706.jpg?_wi=1",
|
||||
imageAlt: "calligraphy pens and ink",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916706.jpg", imageAlt: "calligraphy pens and ink"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-drawing-tools_23-2149371312.jpg",
|
||||
imageAlt: "art supplies collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-drawing-tools_23-2149371312.jpg", imageAlt: "art supplies collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-laptop_23-2150282011.jpg",
|
||||
imageAlt: "organized office desktop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-laptop_23-2150282011.jpg", imageAlt: "organized office desktop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-love-letter_23-2150716591.jpg",
|
||||
imageAlt: "vintage style envelopes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-love-letter_23-2150716591.jpg", imageAlt: "vintage style envelopes"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -112,23 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Sourced from world-renowned mills, our papers offer a superior tactile feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/notepad-with-heart-pencil-it_23-2147592100.jpg",
|
||||
imageAlt: "notebook hardbound brown leather",
|
||||
},
|
||||
title: "Premium Materials", description: "Sourced from world-renowned mills, our papers offer a superior tactile feel.", imageSrc: "http://img.b2bpic.net/free-photo/notepad-with-heart-pencil-it_23-2147592100.jpg", imageAlt: "notebook hardbound brown leather"},
|
||||
{
|
||||
title: "Artisan Crafted",
|
||||
description: "Every pen and accessory reflects the dedication of skilled craftsmen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695517.jpg",
|
||||
imageAlt: "fountain pen gold nib",
|
||||
},
|
||||
title: "Artisan Crafted", description: "Every pen and accessory reflects the dedication of skilled craftsmen.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695517.jpg", imageAlt: "fountain pen gold nib"},
|
||||
{
|
||||
title: "Eco-Conscious",
|
||||
description: "We prioritize sustainable sourcing to protect the world we write on.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888563.jpg",
|
||||
imageAlt: "envelopes luxury cotton paper",
|
||||
},
|
||||
title: "Eco-Conscious", description: "We prioritize sustainable sourcing to protect the world we write on.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888563.jpg", imageAlt: "envelopes luxury cotton paper"},
|
||||
]}
|
||||
title="Why Choose Our Stationery"
|
||||
description="Quality, sustainability, and aesthetic excellence define every item in our catalog."
|
||||
@@ -140,49 +105,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Notebook",
|
||||
price: "$25",
|
||||
variant: "Hardbound",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/school-supplies-grey-table_176420-4560.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Notebook", price: "$25", variant: "Hardbound", imageSrc: "http://img.b2bpic.net/free-photo/school-supplies-grey-table_176420-4560.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Golden Nib Pen",
|
||||
price: "$85",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-rollerball-pen-placed-piece-white-striped-paper_181624-37714.jpg",
|
||||
},
|
||||
id: "p2", name: "Golden Nib Pen", price: "$85", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/top-view-rollerball-pen-placed-piece-white-striped-paper_181624-37714.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cotton Envelopes",
|
||||
price: "$15",
|
||||
variant: "Set of 10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-ribbon_23-2148966238.jpg",
|
||||
},
|
||||
id: "p3", name: "Cotton Envelopes", price: "$15", variant: "Set of 10", imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-ribbon_23-2148966238.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Art Brush Pro",
|
||||
price: "$30",
|
||||
variant: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brushes-drawing-paint-paper-colored-background-flat-lay_169016-27517.jpg",
|
||||
},
|
||||
id: "p4", name: "Art Brush Pro", price: "$30", variant: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/brushes-drawing-paint-paper-colored-background-flat-lay_169016-27517.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Vintage Ink",
|
||||
price: "$20",
|
||||
variant: "Dark Tone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282426.jpg",
|
||||
},
|
||||
id: "p5", name: "Vintage Ink", price: "$20", variant: "Dark Tone", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282426.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Marble Tray",
|
||||
price: "$45",
|
||||
variant: "Desktop",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-desk-supplies-arrangement-still-life_23-2149511864.jpg",
|
||||
},
|
||||
id: "p6", name: "Marble Tray", price: "$45", variant: "Desktop", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-desk-supplies-arrangement-still-life_23-2149511864.jpg"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Essential items for your workspace and creative projects."
|
||||
@@ -196,53 +132,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
title: "Basic Box",
|
||||
price: "$30",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"1 Notebook",
|
||||
"2 Pens",
|
||||
"Surprise Item",
|
||||
],
|
||||
id: "plan-1", title: "Basic Box", price: "$30", period: "/mo", features: [
|
||||
"1 Notebook", "2 Pens", "Surprise Item"],
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/recycling-concept-flat-lay_23-2148834534.jpg",
|
||||
imageAlt: "creative designer desk supplies",
|
||||
},
|
||||
text: "Select"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/recycling-concept-flat-lay_23-2148834534.jpg", imageAlt: "creative designer desk supplies"},
|
||||
{
|
||||
id: "plan-2",
|
||||
title: "Pro Box",
|
||||
price: "$60",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"2 Notebooks",
|
||||
"4 Pens",
|
||||
"Art Supplies",
|
||||
],
|
||||
id: "plan-2", title: "Pro Box", price: "$60", period: "/mo", features: [
|
||||
"2 Notebooks", "4 Pens", "Art Supplies"],
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept_23-2147788410.jpg?_wi=2",
|
||||
imageAlt: "creative designer desk supplies",
|
||||
},
|
||||
text: "Select"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packaging-concept_23-2147788410.jpg", imageAlt: "creative designer desk supplies"},
|
||||
{
|
||||
id: "plan-3",
|
||||
title: "Artisanal Box",
|
||||
price: "$120",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"4 Notebooks",
|
||||
"Full Pen Set",
|
||||
"Premium Goods",
|
||||
],
|
||||
id: "plan-3", title: "Artisanal Box", price: "$120", period: "/mo", features: [
|
||||
"4 Notebooks", "Full Pen Set", "Premium Goods"],
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916706.jpg?_wi=2",
|
||||
imageAlt: "creative designer desk supplies",
|
||||
},
|
||||
text: "Select"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147916706.jpg", imageAlt: "creative designer desk supplies"},
|
||||
]}
|
||||
title="Curated Sets"
|
||||
description="Select from our monthly subscription box collections."
|
||||
@@ -255,45 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Inspiring Quality",
|
||||
quote: "The paper texture is absolutely divine.",
|
||||
name: "Alice M.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-overjoyed-woman-closes-eyes-smiles-toothily-has-fun-urban-place-wears-stylish-clothes-poses-against-street-graffiti-wall-expresses-positive-emotions_273609-47504.jpg",
|
||||
},
|
||||
id: "t1", title: "Inspiring Quality", quote: "The paper texture is absolutely divine.", name: "Alice M.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/headshot-overjoyed-woman-closes-eyes-smiles-toothily-has-fun-urban-place-wears-stylish-clothes-poses-against-street-graffiti-wall-expresses-positive-emotions_273609-47504.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Top-Tier Pens",
|
||||
quote: "Smoothest writing experience I've had.",
|
||||
name: "Bob S.",
|
||||
role: "Writer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-cv_23-2149927574.jpg",
|
||||
},
|
||||
id: "t2", title: "Top-Tier Pens", quote: "Smoothest writing experience I've had.", name: "Bob S.", role: "Writer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-cv_23-2149927574.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Fast Shipping",
|
||||
quote: "My order arrived perfectly packaged.",
|
||||
name: "Carol D.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-handsome-man-chekered-shirt-sitting-table-using-tablet-computer-co-working-office_285396-1795.jpg",
|
||||
},
|
||||
id: "t3", title: "Fast Shipping", quote: "My order arrived perfectly packaged.", name: "Carol D.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-handsome-man-chekered-shirt-sitting-table-using-tablet-computer-co-working-office_285396-1795.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Great Range",
|
||||
quote: "Finally, a shop that stocks quality ink.",
|
||||
name: "Dave L.",
|
||||
role: "Calligrapher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-smiling-showing-her-book-daily-planner-holding-notebook-planning-her-trip_1258-203112.jpg",
|
||||
},
|
||||
id: "t4", title: "Great Range", quote: "Finally, a shop that stocks quality ink.", name: "Dave L.", role: "Calligrapher", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-smiling-showing-her-book-daily-planner-holding-notebook-planning-her-trip_1258-203112.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Best Box",
|
||||
quote: "The monthly box is the highlight of my month.",
|
||||
name: "Eve K.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3539.jpg",
|
||||
},
|
||||
id: "t5", title: "Best Box", quote: "The monthly box is the highlight of my month.", name: "Eve K.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3539.jpg"},
|
||||
]}
|
||||
title="Loved by Creators"
|
||||
description="Hear what our stationery enthusiasts say."
|
||||
@@ -306,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship to over 50 countries worldwide.",
|
||||
},
|
||||
id: "f1", title: "Do you ship internationally?", content: "Yes, we ship to over 50 countries worldwide."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I track my order?",
|
||||
content: "You will receive an email with your tracking number upon dispatch.",
|
||||
},
|
||||
id: "f2", title: "How can I track my order?", content: "You will receive an email with your tracking number upon dispatch."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I return items?",
|
||||
content: "Returns are accepted within 30 days of purchase for unused products.",
|
||||
},
|
||||
id: "f3", title: "Can I return items?", content: "Returns are accepted within 30 days of purchase for unused products."},
|
||||
]}
|
||||
title="Questions Answered"
|
||||
description="Frequently asked questions about our products."
|
||||
@@ -331,8 +198,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Newsletter"
|
||||
description="Receive monthly inspiration and exclusive shop offers."
|
||||
@@ -347,29 +213,19 @@ export default function LandingPage() {
|
||||
logoText="Paper & Pen"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Notebooks",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Notebooks", href: "#products"},
|
||||
{
|
||||
label: "Pens",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Pens", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Shipping", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user