Merge version_1 into main #1
219
src/app/page.tsx
219
src/app/page.tsx
@@ -32,90 +32,58 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Giant Stationery"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Powering Your Productivity with Quality Supplies"
|
||||
description="We offer a massive selection of premium office and computer essentials designed to keep your team efficient, organized, and focused on growth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Products", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DlIs7C9djKUTuZRgmSok3vO1x3/uploaded-1778850444426-bl1ebg6e.png"
|
||||
imageAlt="Giant Stationery Brand"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-businessman_171337-727.jpg",
|
||||
alt: "Cheerful young caucasian businessman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-businessman_171337-727.jpg", alt: "Cheerful young caucasian businessman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
|
||||
alt: "Confident middle aged businesswoman looking at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", alt: "Confident middle aged businesswoman looking at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
alt: "Blond business woman in blue shirt",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Blond business woman in blue shirt"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Portrait smiley modern male",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Portrait smiley modern male"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
alt: "Close-up of positive businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", alt: "Close-up of positive businesswoman"},
|
||||
]}
|
||||
avatarText="Trusted by over 5,000+ happy office managers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
type: "text", text: "Fast Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Warranty",
|
||||
},
|
||||
type: "text", text: "Lifetime Warranty"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bulk Pricing",
|
||||
},
|
||||
type: "text", text: "Bulk Pricing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Quality",
|
||||
},
|
||||
type: "text", text: "Verified Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,59 +109,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "TechPro",
|
||||
name: "Mechanical Keyboard",
|
||||
price: "$129.99",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-clips-white-background-high-quality-photo_114579-36090.jpg",
|
||||
},
|
||||
id: "p1", brand: "TechPro", name: "Mechanical Keyboard", price: "$129.99", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-clips-white-background-high-quality-photo_114579-36090.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "ErgoOffice",
|
||||
name: "Wireless Mouse",
|
||||
price: "$49.99",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/notebooks-lying-near-writing-tools_23-2147846313.jpg",
|
||||
},
|
||||
id: "p2", brand: "ErgoOffice", name: "Wireless Mouse", price: "$49.99", rating: 4,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/notebooks-lying-near-writing-tools_23-2147846313.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Giant",
|
||||
name: "Luxury Fountain Pen",
|
||||
price: "$89.00",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-monitor-elegant-table_23-2150706389.jpg",
|
||||
},
|
||||
id: "p3", brand: "Giant", name: "Luxury Fountain Pen", price: "$89.00", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/modern-monitor-elegant-table_23-2150706389.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "UltraTech",
|
||||
name: "4K Ultra-Wide Monitor",
|
||||
price: "$599.99",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg",
|
||||
},
|
||||
id: "p4", brand: "UltraTech", name: "4K Ultra-Wide Monitor", price: "$599.99", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "StationeryCo",
|
||||
name: "Executive Notebook",
|
||||
price: "$25.00",
|
||||
rating: 4,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-notebook-mock-up_23-2148319707.jpg",
|
||||
},
|
||||
id: "p5", brand: "StationeryCo", name: "Executive Notebook", price: "$25.00", rating: 4,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/top-view-notebook-mock-up_23-2148319707.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "FastTech",
|
||||
name: "USB-C Docking Station",
|
||||
price: "$149.00",
|
||||
rating: 4,
|
||||
reviewCount: "154",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-simulator-with-laptop_23-2148912817.jpg",
|
||||
},
|
||||
id: "p6", brand: "FastTech", name: "USB-C Docking Station", price: "$149.00", rating: 4,
|
||||
reviewCount: "154", imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-simulator-with-laptop_23-2148912817.jpg"},
|
||||
]}
|
||||
title="Essential Office & Tech Products"
|
||||
description="Browse our hand-picked collection of hardware, software tools, and desk essentials."
|
||||
@@ -207,20 +139,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Rapid Delivery",
|
||||
description: "Same-day shipping for orders placed before 2 PM, ensuring your office never runs out of essentials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-tablet_23-2149035867.jpg",
|
||||
},
|
||||
title: "Rapid Delivery", description: "Same-day shipping for orders placed before 2 PM, ensuring your office never runs out of essentials.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-tablet_23-2149035867.jpg"},
|
||||
{
|
||||
title: "Expert Support",
|
||||
description: "Our dedicated account managers are available 24/7 to help you curate your order needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-call-center-with-headphones-computer_23-2149256074.jpg",
|
||||
},
|
||||
title: "Expert Support", description: "Our dedicated account managers are available 24/7 to help you curate your order needs.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-call-center-with-headphones-computer_23-2149256074.jpg"},
|
||||
{
|
||||
title: "Quality Assured",
|
||||
description: "We only stock verified products from industry-leading manufacturers, backed by our lifetime warranty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-working-as-manager-retail-boutique-showing-middle-finger-impolite-rude-fuck-off-expression_839833-29014.jpg",
|
||||
},
|
||||
title: "Quality Assured", description: "We only stock verified products from industry-leading manufacturers, backed by our lifetime warranty.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-working-as-manager-retail-boutique-showing-middle-finger-impolite-rude-fuck-off-expression_839833-29014.jpg"},
|
||||
]}
|
||||
title="Why Choose Giant Stationery?"
|
||||
description="We don't just supply products; we deliver solutions that streamline your operational efficiency."
|
||||
@@ -232,30 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-having-fun-while-using-laptop-office_637285-9537.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-having-fun-while-using-laptop-office_637285-9537.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-with-folded-arms_1262-727.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-with-folded-arms_1262-727.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
id: "t4", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Angela Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-working-small-business-ecommerce-showing-pointing-up-with-fingers-number-seven-while-smiling-confident-happy_839833-24671.jpg",
|
||||
},
|
||||
id: "t5", name: "Angela Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-working-small-business-ecommerce-showing-pointing-up-with-fingers-number-seven-while-smiling-confident-happy_839833-24671.jpg"},
|
||||
]}
|
||||
cardTitle="Trusted by Leaders"
|
||||
cardTag="Testimonials"
|
||||
@@ -269,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you offer bulk pricing?",
|
||||
content: "Yes, we provide tiered bulk discounts for all B2B orders.",
|
||||
},
|
||||
id: "faq1", title: "Do you offer bulk pricing?", content: "Yes, we provide tiered bulk discounts for all B2B orders."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What is your return policy?",
|
||||
content: "You can return any unopened item within 30 days for a full refund.",
|
||||
},
|
||||
id: "faq2", title: "What is your return policy?", content: "You can return any unopened item within 30 days for a full refund."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can you ship internationally?",
|
||||
content: "Currently, we operate within the domestic region but are expanding soon.",
|
||||
},
|
||||
id: "faq3", title: "Can you ship internationally?", content: "Currently, we operate within the domestic region but are expanding soon."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our office supplies or services? Here are the most common ones."
|
||||
@@ -297,22 +196,14 @@ export default function LandingPage() {
|
||||
description="Ready to stock your office for success? Contact us today for a custom quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your needs...",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us about your needs..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manual-worker-warehouse_329181-12803.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -323,29 +214,19 @@ export default function LandingPage() {
|
||||
logoText="Giant Stationery"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Office Supplies",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Office Supplies", href: "#products"},
|
||||
{
|
||||
label: "Tech Hardware",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Tech Hardware", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Return Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user