Merge version_1 into main #2
230
src/app/page.tsx
230
src/app/page.tsx
@@ -20,27 +20,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Chartuply"
|
||||
/>
|
||||
@@ -49,56 +48,35 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Chartuply: The Future of E-Commerce"
|
||||
description="Experience a curated marketplace where quality meets innovation. Browse our exclusive tech collection today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/supermarket-carts-near-laptop-photo-frame_23-2147961930.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/supermarket-carts-near-laptop-photo-frame_23-2147961930.jpg"
|
||||
imageAlt="e-commerce technology store"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/online-shopping-shipping-internet-commerce-concept_53876-124434.jpg",
|
||||
alt: "Online Shopping Shipping Internet Commerce Concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/online-shopping-shipping-internet-commerce-concept_53876-124434.jpg", alt: "Online Shopping Shipping Internet Commerce Concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-online-shopping-concept_23-2148625684.jpg",
|
||||
alt: "Front view of online shopping concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-online-shopping-concept_23-2148625684.jpg", alt: "Front view of online shopping concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cyber-monday-shopping-sales_23-2148688514.jpg",
|
||||
alt: "Cyber monday shopping sales",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cyber-monday-shopping-sales_23-2148688514.jpg", alt: "Cyber monday shopping sales"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laptop-near-tag-with-cyber-monday-title_23-2147961941.jpg",
|
||||
alt: "Laptop near tag with Cyber Monday title",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/laptop-near-tag-with-cyber-monday-title_23-2147961941.jpg", alt: "Laptop near tag with Cyber Monday title"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sad-gloomy-office-manage-frowning-standing-tired-against-white-background_1258-113713.jpg",
|
||||
alt: "Sad and gloomy office manage frowning standing tired against white background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sad-gloomy-office-manage-frowning-standing-tired-against-white-background_1258-113713.jpg", alt: "Sad and gloomy office manage frowning standing tired against white background"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ happy shoppers worldwide."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Fast Shipping",
|
||||
},
|
||||
type: "text", text: "Ultra-Fast Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Tech Gear",
|
||||
},
|
||||
type: "text", text: "Premium Tech Gear"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Checkout",
|
||||
},
|
||||
type: "text", text: "Secure Checkout"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Expert Support",
|
||||
},
|
||||
type: "text", text: "24/7 Expert Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Warranty",
|
||||
},
|
||||
type: "text", text: "Global Warranty"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,28 +95,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rapid Delivery",
|
||||
description: "Global distribution for fast arrival.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-futuristic-abstract-illuminate-line-dot-wireless-connection-wave-with-triangle-bright-blue-background-mobile-banking-shopping-online-concept-technology-future_493343-29981.jpg",
|
||||
imageAlt: "fast shipping icon",
|
||||
title: "Rapid Delivery", description: "Global distribution for fast arrival.", bentoComponent: "reveal-icon", icon: Truck
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Encrypted transactions for safety.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supermarket-carts-near-laptop-photo-frame_23-2147961930.jpg?_wi=2",
|
||||
imageAlt: "fast shipping icon",
|
||||
title: "Secure Payments", description: "Encrypted transactions for safety.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Dedicated service when you need it.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Headphones,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/securing-digital-data-laptop-cyber-security-padlock_23-2151998496.jpg",
|
||||
imageAlt: "fast shipping icon",
|
||||
title: "24/7 Support", description: "Dedicated service when you need it.", bentoComponent: "reveal-icon", icon: Headphones
|
||||
},
|
||||
]}
|
||||
title="Why Choose Chartuply?"
|
||||
@@ -154,47 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Wireless Headphones",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-wearing-medical-mask_23-2148503474.jpg",
|
||||
imageAlt: "premium headphones product",
|
||||
},
|
||||
id: "p1", name: "Pro Wireless Headphones", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/photographer-wearing-medical-mask_23-2148503474.jpg", imageAlt: "premium headphones product"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Smart Fitness Watch",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-couch-holding-her-phone-mug-sitting-front-table-with-gadgets_181624-56360.jpg",
|
||||
imageAlt: "modern smartwatch product",
|
||||
},
|
||||
id: "p2", name: "Smart Fitness Watch", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/female-couch-holding-her-phone-mug-sitting-front-table-with-gadgets_181624-56360.jpg", imageAlt: "modern smartwatch product"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mechanical Keyboard",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074261.jpg",
|
||||
imageAlt: "gaming mechanical keyboard",
|
||||
},
|
||||
id: "p3", name: "Mechanical Keyboard", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074261.jpg", imageAlt: "gaming mechanical keyboard"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bluetooth Speaker",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171764.jpg",
|
||||
imageAlt: "bluetooth speaker product",
|
||||
},
|
||||
id: "p4", name: "Bluetooth Speaker", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171764.jpg", imageAlt: "bluetooth speaker product"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Wireless Earbuds",
|
||||
price: "$79",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074305.jpg",
|
||||
imageAlt: "wireless earbuds product",
|
||||
},
|
||||
id: "p5", name: "Wireless Earbuds", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074305.jpg", imageAlt: "wireless earbuds product"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Portable SSD 1TB",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hard-disk-with-blue-light-high-angle_23-2149413364.jpg",
|
||||
imageAlt: "portable ssd product",
|
||||
},
|
||||
id: "p6", name: "Portable SSD 1TB", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/hard-disk-with-blue-light-high-angle_23-2149413364.jpg", imageAlt: "portable ssd product"},
|
||||
]}
|
||||
title="Top Tech Products"
|
||||
description="Browse our curated selection of high-performance electronics."
|
||||
@@ -206,14 +139,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"DigitalWave",
|
||||
"FutureLogic",
|
||||
"SmartSolutions",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalWave", "FutureLogic", "SmartSolutions"]}
|
||||
title="Trusted by Global Brands"
|
||||
description="We partner with industry-leading manufacturers and innovators."
|
||||
/>
|
||||
@@ -226,49 +152,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best shopping experience ever!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The best shopping experience ever!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Fast shipping and great quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Fast shipping and great quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "Love the premium product selection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Love the premium product selection.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Top-notch customer support always.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-data-center-using-tablet-conducting-security-audits_482257-117850.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "Top-notch customer support always.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-data-center-using-tablet-conducting-security-audits_482257-117850.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
handle: "@asmith",
|
||||
testimonial: "Quality products at great prices.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-suit-showing-thumb-up_23-2148112210.jpg",
|
||||
},
|
||||
id: "5", name: "Alex Smith", handle: "@asmith", testimonial: "Quality products at great prices.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-suit-showing-thumb-up_23-2148112210.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
description="Join thousands of satisfied tech enthusiasts who choose Chartuply."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -277,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I track my order?",
|
||||
content: "You will receive an email update with tracking details as soon as your order ships.",
|
||||
},
|
||||
id: "1", title: "How do I track my order?", content: "You will receive an email update with tracking details as soon as your order ships."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is the return policy?",
|
||||
content: "Returns are accepted within 30 days of purchase for a full refund on unused items.",
|
||||
},
|
||||
id: "2", title: "What is the return policy?", content: "Returns are accepted within 30 days of purchase for a full refund on unused items."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship to over 100 countries globally via express couriers.",
|
||||
},
|
||||
id: "3", title: "Do you ship internationally?", content: "Yes, we ship to over 100 countries globally via express couriers."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -301,16 +194,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Talk"
|
||||
title="Need Help?"
|
||||
description="Our team is ready to assist you with any inquiries or support needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@chartuply.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:hello@chartuply.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -321,29 +211,19 @@ export default function LandingPage() {
|
||||
logoText="Chartuply"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user