From c6c747df23f220ccbaebf60d0eaeefebb3cbaa9c Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 3 Jun 2026 06:24:35 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 378 +++++++++++------------------------------------ 1 file changed, 83 insertions(+), 295 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 822d2db..f9f8d74 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,29 +33,17 @@ export default function LandingPage() { @@ -75,80 +61,41 @@ export default function LandingPage() { description="Discover our exquisite collection of notebooks, pens, and art supplies designed to inspire creativity and organization in every aspect of your life." testimonials={[ { - name: "Sarah J.", - handle: "@CreativeJournal", - testimonial: "The quality of notebooks is unmatched! My ideas flow effortlessly.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/she-is-very-professional-businesswoman_329181-13468.jpg?_wi=1", - imageAlt: "professional woman portrait smiling", - }, + name: "Sarah J.", handle: "@CreativeJournal", testimonial: "The quality of notebooks is unmatched! My ideas flow effortlessly.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/she-is-very-professional-businesswoman_329181-13468.jpg", imageAlt: "professional woman portrait smiling"}, { - name: "Mark T.", - handle: "@PenAficionado", - testimonial: "A fantastic selection of pens, smooth and precise. Highly recommend!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-street-cafe-table-with-his-arms-crossed_1262-19055.jpg", - imageAlt: "man smiling professional portrait", - }, + name: "Mark T.", handle: "@PenAficionado", testimonial: "A fantastic selection of pens, smooth and precise. Highly recommend!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-street-cafe-table-with-his-arms-crossed_1262-19055.jpg", imageAlt: "man smiling professional portrait"}, { - name: "Emily R.", - handle: "@ArtfulDoodler", - testimonial: "My go-to for art supplies! Always find something new and inspiring.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/confident-determined-young-girl-student-cross-arms-chest-power-pose-smiling-looking-self-assured-standing-white-background-near-your-logo-place-banner_176420-44471.jpg", - imageAlt: "young woman smiling casual portrait", - }, + name: "Emily R.", handle: "@ArtfulDoodler", testimonial: "My go-to for art supplies! Always find something new and inspiring.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/confident-determined-young-girl-student-cross-arms-chest-power-pose-smiling-looking-self-assured-standing-white-background-near-your-logo-place-banner_176420-44471.jpg", imageAlt: "young woman smiling casual portrait"}, { - name: "David K.", - handle: "@OrganizedLife", - testimonial: "The planners keep my life in order. Essential for any professional!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg", - imageAlt: "young man smiling casual portrait", - }, + name: "David K.", handle: "@OrganizedLife", testimonial: "The planners keep my life in order. Essential for any professional!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg", imageAlt: "young man smiling casual portrait"}, { - name: "Jessica L.", - handle: "@SketchQueen", - testimonial: "Absolutely love the range of sketchbooks, perfect for all my artistic visions.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-happy-businesswoman_171337-3728.jpg", - imageAlt: "Full length portrait of a happy businesswoman", - }, + name: "Jessica L.", handle: "@SketchQueen", testimonial: "Absolutely love the range of sketchbooks, perfect for all my artistic visions.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-happy-businesswoman_171337-3728.jpg", imageAlt: "Full length portrait of a happy businesswoman"}, ]} buttons={[ { - text: "Explore Collection", - href: "#products", - }, + text: "Explore Collection", href: "#products"}, { - text: "Our Story", - href: "#about", - }, + text: "Our Story", href: "#about"}, ]} avatars={[ { - src: "http://img.b2bpic.net/free-photo/front-view-professional-businesswoman-posing-outdoors_23-2148692519.jpg", - alt: "professional woman portrait smiling", - }, + src: "http://img.b2bpic.net/free-photo/front-view-professional-businesswoman-posing-outdoors_23-2148692519.jpg", alt: "professional woman portrait smiling"}, { - src: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254432.jpg", - alt: "man smiling professional portrait", - }, + src: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254432.jpg", alt: "man smiling professional portrait"}, { - src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5358.jpg", - alt: "young woman smiling casual portrait", - }, + src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5358.jpg", alt: "young woman smiling casual portrait"}, { - src: "http://img.b2bpic.net/free-photo/pencil-icon-left-side_187299-39544.jpg", - alt: "young man smiling casual portrait", - }, + src: "http://img.b2bpic.net/free-photo/pencil-icon-left-side_187299-39544.jpg", alt: "young man smiling casual portrait"}, { - src: "http://img.b2bpic.net/free-photo/cheerful-business-lady_1098-21697.jpg", - alt: "Cheerful business lady", - }, + src: "http://img.b2bpic.net/free-photo/cheerful-business-lady_1098-21697.jpg", alt: "Cheerful business lady"}, ]} avatarText="Join 10,000+ happy customers!" - imageSrc="http://img.b2bpic.net/free-photo/office-desktop-with-mobile-phone-paint_23-2148166776.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/office-desktop-with-mobile-phone-paint_23-2148166776.jpg" imageAlt="Desk full of colourful stationery and open notebook" showBlur={true} textPosition="bottom" @@ -163,65 +110,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - brand: "InkFlow", - name: "Premium Lined Journal", - price: "$24.99", - rating: 5, - reviewCount: "120", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-stacked-closed-spiral-notebooks-pens-cup-black-tea-flower-white-pot-dark_140725-141993.jpg", - imageAlt: "notebook flat lay colorful", - }, + id: "p1", brand: "InkFlow", name: "Premium Lined Journal", price: "$24.99", rating: 5, + reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stacked-closed-spiral-notebooks-pens-cup-black-tea-flower-white-pot-dark_140725-141993.jpg", imageAlt: "notebook flat lay colorful"}, { - id: "p2", - brand: "ColorBurst", - name: "Assorted Gel Pen Set (12)", - price: "$18.50", - rating: 4, - reviewCount: "85", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-colourful-pencils_23-2148581978.jpg", - imageAlt: "set of colorful pens isolated", - }, + id: "p2", brand: "ColorBurst", name: "Assorted Gel Pen Set (12)", price: "$18.50", rating: 4, + reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-colourful-pencils_23-2148581978.jpg", imageAlt: "set of colorful pens isolated"}, { - id: "p3", - brand: "DeskMate", - name: "Wooden Desk Organizer", - price: "$39.95", - rating: 5, - reviewCount: "55", - imageSrc: "http://img.b2bpic.net/free-photo/minimal-home-workspace-design_23-2148991407.jpg", - imageAlt: "desk organizer stationery tidy", - }, + id: "p3", brand: "DeskMate", name: "Wooden Desk Organizer", price: "$39.95", rating: 5, + reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/minimal-home-workspace-design_23-2148991407.jpg", imageAlt: "desk organizer stationery tidy"}, { - id: "p4", - brand: "Artisan Hues", - name: "Watercolor Painting Kit", - price: "$49.00", - rating: 4, - reviewCount: "70", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-paint-materials_23-2147989678.jpg", - imageAlt: "art supply set watercolors brushes", - }, + id: "p4", brand: "Artisan Hues", name: "Watercolor Painting Kit", price: "$49.00", rating: 4, + reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-paint-materials_23-2147989678.jpg", imageAlt: "art supply set watercolors brushes"}, { - id: "p5", - brand: "EleganceWrite", - name: "Classic Fountain Pen", - price: "$75.00", - rating: 5, - reviewCount: "30", - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695557.jpg", - imageAlt: "elegant fountain pen close up", - }, + id: "p5", brand: "EleganceWrite", name: "Classic Fountain Pen", price: "$75.00", rating: 5, + reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695557.jpg", imageAlt: "elegant fountain pen close up"}, { - id: "p6", - brand: "CraftyTapes", - name: "Washi Tape Collection (10)", - price: "$12.99", - rating: 5, - reviewCount: "95", - imageSrc: "http://img.b2bpic.net/free-photo/assortment-packing-supplies-including-tape-rolls_23-2151994445.jpg", - imageAlt: "variety of adhesive tapes masking washi", - }, + id: "p6", brand: "CraftyTapes", name: "Washi Tape Collection (10)", price: "$12.99", rating: 5, + reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/assortment-packing-supplies-including-tape-rolls_23-2151994445.jpg", imageAlt: "variety of adhesive tapes masking washi"}, ]} title="Our Curated Collection" description="Browse our handpicked selection of premium stationery and art supplies, perfect for every creative endeavor." @@ -235,46 +140,22 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Seamless Shopping Experience", - description: "Effortlessly find and purchase your favorite stationery items with our intuitive online store and personalized recommendations.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/bullet-journals-paper-clips-top-view_23-2149740082.jpg", - imageAlt: "digital notebook app ui design", - }, + title: "Seamless Shopping Experience", description: "Effortlessly find and purchase your favorite stationery items with our intuitive online store and personalized recommendations.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/bullet-journals-paper-clips-top-view_23-2149740082.jpg", imageAlt: "digital notebook app ui design"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-laptop-credit-card-purchasing-online_23-2148695669.jpg", - imageAlt: "online shopping cart stationery", - }, - imageSrc: "http://img.b2bpic.net/free-photo/pencil-icon-left-side_187299-39544.jpg", - imageAlt: "digital notebook app ui design", + imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-laptop-credit-card-purchasing-online_23-2148695669.jpg", imageAlt: "online shopping cart stationery"} }, { - title: "Exclusive Member Benefits", - description: "Unlock special discounts, early access to new collections, and loyalty rewards by joining the Ink & Quill community.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-holding-smartphones_23-2149303399.jpg", - imageAlt: "loyalty program mobile app points", - }, + title: "Exclusive Member Benefits", description: "Unlock special discounts, early access to new collections, and loyalty rewards by joining the Ink & Quill community.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-holding-smartphones_23-2149303399.jpg", imageAlt: "loyalty program mobile app points"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019887.jpg", - imageAlt: "custom stationery design tool", - }, - imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-mobile-phone-paint_23-2148166776.jpg?_wi=2", - imageAlt: "digital notebook app ui design", + imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019887.jpg", imageAlt: "custom stationery design tool"} }, { - title: "Sustainable & Mindful Choices", - description: "Support eco-friendly brands and materials with our curated selection of sustainable stationery, making a positive impact with every purchase.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/ampersand-arrow-near-box-present_23-2147786321.jpg", - imageAlt: "eco-friendly packaging delivery", - }, + title: "Sustainable & Mindful Choices", description: "Support eco-friendly brands and materials with our curated selection of sustainable stationery, making a positive impact with every purchase.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/ampersand-arrow-near-box-present_23-2147786321.jpg", imageAlt: "eco-friendly packaging delivery"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/concentrated-people-working-table_23-2147668810.jpg", - imageAlt: "community forum stationery enthusiasts", - }, - imageSrc: "http://img.b2bpic.net/free-photo/she-is-very-professional-businesswoman_329181-13468.jpg?_wi=2", - imageAlt: "digital notebook app ui design", + imageSrc: "http://img.b2bpic.net/free-photo/concentrated-people-working-table_23-2147668810.jpg", imageAlt: "community forum stationery enthusiasts"} }, ]} showStepNumbers={true} @@ -304,59 +185,23 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Clara S.", - handle: "Artist", - testimonial: "The sketchbooks are fantastic – truly premium paper that handles all my mediums beautifully. Ink & Quill is my new favorite!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-barista-taking-order_23-2148436171.jpg", - imageAlt: "happy customer writing notes", - }, + id: "t1", name: "Clara S.", handle: "Artist", testimonial: "The sketchbooks are fantastic – truly premium paper that handles all my mediums beautifully. Ink & Quill is my new favorite!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-barista-taking-order_23-2148436171.jpg", imageAlt: "happy customer writing notes"}, { - id: "t2", - name: "Ben M.", - handle: "Student", - testimonial: "Great variety and unbeatable prices on all my study essentials. The pens write so smoothly!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer-drawing-sketches_171337-14517.jpg", - imageAlt: "student with colourful study supplies", - }, + id: "t2", name: "Ben M.", handle: "Student", testimonial: "Great variety and unbeatable prices on all my study essentials. The pens write so smoothly!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer-drawing-sketches_171337-14517.jpg", imageAlt: "student with colourful study supplies"}, { - id: "t3", - name: "Aisha P.", - handle: "Writer", - testimonial: "I'm obsessed with their journals. They feel so luxurious and really make my writing experience special.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/freelance-woman-working-bed_23-2148604038.jpg", - imageAlt: "designer at work with stylish tools", - }, + id: "t3", name: "Aisha P.", handle: "Writer", testimonial: "I'm obsessed with their journals. They feel so luxurious and really make my writing experience special.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/freelance-woman-working-bed_23-2148604038.jpg", imageAlt: "designer at work with stylish tools"}, { - id: "t4", - name: "David K.", - handle: "Manager", - testimonial: "The executive stationery sets are perfect for my office. Professional quality and elegant design.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/senior-artist-studio-painting-with-watercolor_23-2150214809.jpg", - imageAlt: "office worker with organized desk", - }, + id: "t4", name: "David K.", handle: "Manager", testimonial: "The executive stationery sets are perfect for my office. Professional quality and elegant design.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/senior-artist-studio-painting-with-watercolor_23-2150214809.jpg", imageAlt: "office worker with organized desk"}, { - id: "t5", - name: "Sophie L.", - handle: "Hobbyist", - testimonial: "From paints to brushes, everything is top-notch. My craft projects have never looked better!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-creative-journaling_23-2150447148.jpg", - imageAlt: "young woman enjoying art supplies", - }, + id: "t5", name: "Sophie L.", handle: "Hobbyist", testimonial: "From paints to brushes, everything is top-notch. My craft projects have never looked better!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-creative-journaling_23-2150447148.jpg", imageAlt: "young woman enjoying art supplies"}, { - id: "t6", - name: "Ethan R.", - handle: "Calligrapher", - testimonial: "The ink selection is incredible, and their paper quality truly brings out the best in my calligraphy. A must-visit shop!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-drawing-notebook_23-2150182568.jpg", - imageAlt: "writer with vintage notebook", - }, + id: "t6", name: "Ethan R.", handle: "Calligrapher", testimonial: "The ink selection is incredible, and their paper quality truly brings out the best in my calligraphy. A must-visit shop!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-drawing-notebook_23-2150182568.jpg", imageAlt: "writer with vintage notebook"}, ]} showRating={true} title="Voices of Our Community" @@ -369,14 +214,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "EcoCraft Supplies", - "ArtFlow Studios", - "Creative Minds Alliance", - "Scholarly Essentials", - "Office Innovations", - "The Maker's Hub", - "Community Art Collective", - ]} + "EcoCraft Supplies", "ArtFlow Studios", "Creative Minds Alliance", "Scholarly Essentials", "Office Innovations", "The Maker's Hub", "Community Art Collective"]} title="Partnering with the Best" description="We proudly source our products from trusted brands and collaborate with organizations that share our values of quality and creativity." showCard={true} @@ -389,35 +227,17 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "What payment methods do you accept?", - content: "We accept all major credit cards (Visa, Mastercard, Amex), PayPal, Apple Pay, and Google Pay for your convenience.", - }, + id: "q1", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, Amex), PayPal, Apple Pay, and Google Pay for your convenience."}, { - id: "q2", - title: "Do you offer international shipping?", - content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more details on our shipping policy page.", - }, + id: "q2", title: "Do you offer international shipping?", content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more details on our shipping policy page."}, { - id: "q3", - title: "What is your return policy?", - content: "We offer a 30-day return policy for unused and unopened items. Please visit our returns page for detailed instructions and eligibility criteria.", - }, + id: "q3", title: "What is your return policy?", content: "We offer a 30-day return policy for unused and unopened items. Please visit our returns page for detailed instructions and eligibility criteria."}, { - id: "q4", - title: "Can I customize my stationery?", - content: "Currently, we offer limited customization options on selected products. Please check individual product pages for details or contact us for bespoke requests.", - }, + id: "q4", title: "Can I customize my stationery?", content: "Currently, we offer limited customization options on selected products. Please check individual product pages for details or contact us for bespoke requests."}, { - id: "q5", - title: "How can I track my order?", - content: "Once your order is shipped, you will receive a tracking number via email. You can use this number on our website or the courier's site to monitor your package's journey.", - }, + id: "q5", title: "How can I track my order?", content: "Once your order is shipped, you will receive a tracking number via email. You can use this number on our website or the courier's site to monitor your package's journey."}, { - id: "q6", - title: "Do you have a physical store?", - content: "Ink & Quill is primarily an online shop, allowing us to reach more stationery lovers globally. We occasionally participate in pop-up events; follow our social media for announcements!", - }, + id: "q6", title: "Do you have a physical store?", content: "Ink & Quill is primarily an online shop, allowing us to reach more stationery lovers globally. We occasionally participate in pop-up events; follow our social media for announcements!"}, ]} title="Frequently Asked Questions" description="Find quick answers to common questions about our products, orders, and services." @@ -429,20 +249,15 @@ export default function LandingPage() { @@ -454,66 +269,39 @@ export default function LandingPage() { logoText="Ink & Quill" columns={[ { - title: "Shop", - items: [ + title: "Shop", items: [ { - label: "Notebooks", - href: "#products", - }, + label: "Notebooks", href: "#products"}, { - label: "Pens & Markers", - href: "#products", - }, + label: "Pens & Markers", href: "#products"}, { - label: "Art Supplies", - href: "#products", - }, + label: "Art Supplies", href: "#products"}, { - label: "Accessories", - href: "#products", - }, + label: "Accessories", href: "#products"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Testimonials", - href: "#testimonials", - }, + label: "Testimonials", href: "#testimonials"}, { - label: "Careers", - href: "#", - }, + label: "Careers", href: "#"}, { - label: "Blog", - href: "#", - }, + label: "Blog", href: "#"}, ], }, { - title: "Support", - items: [ + title: "Support", items: [ { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, { - label: "Contact Us", - href: "#contact", - }, + label: "Contact Us", href: "#contact"}, { - label: "Shipping & Returns", - href: "#", - }, + label: "Shipping & Returns", href: "#"}, { - label: "Terms of Service", - href: "#", - }, + label: "Terms of Service", href: "#"}, ], }, ]}