Merge version_1 into main #3
132
src/app/page.tsx
132
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chartuply"
|
||||
/>
|
||||
@@ -47,36 +43,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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"
|
||||
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/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/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/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/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/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: "Premium Tech Gear"},
|
||||
{
|
||||
type: "text", text: "Secure Checkout"},
|
||||
{
|
||||
type: "text", text: "24/7 Expert Support"},
|
||||
{
|
||||
type: "text", text: "Global Warranty"},
|
||||
{ type: "text", text: "Ultra-Fast Shipping" },
|
||||
{ type: "text", text: "Premium Tech Gear" },
|
||||
{ type: "text", text: "Secure Checkout" },
|
||||
{ type: "text", text: "24/7 Expert Support" },
|
||||
{ type: "text", text: "Global Warranty" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,15 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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
|
||||
},
|
||||
{
|
||||
title: "24/7 Support", description: "Dedicated service when you need it.", bentoComponent: "reveal-icon", icon: Headphones
|
||||
},
|
||||
{ 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 },
|
||||
{ title: "24/7 Support", description: "Dedicated service when you need it.", bentoComponent: "reveal-icon", icon: Headphones },
|
||||
]}
|
||||
title="Why Choose Chartuply?"
|
||||
description="We are dedicated to excellence in every single transaction."
|
||||
@@ -116,18 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Top Tech Products"
|
||||
description="Browse our curated selection of high-performance electronics."
|
||||
@@ -139,7 +112,8 @@ 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."
|
||||
/>
|
||||
@@ -151,26 +125,15 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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: "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: "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>
|
||||
|
||||
@@ -178,12 +141,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
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: "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: "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: "3", title: "Do you ship internationally?", content: "Yes, we ship to over 100 countries globally via express couriers." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -193,14 +153,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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>
|
||||
@@ -211,19 +169,15 @@ export default function LandingPage() {
|
||||
logoText="Chartuply"
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
title: "Links", items: [
|
||||
{ label: "Shop", href: "#products" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -232,4 +186,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user