Update src/app/page.tsx
This commit is contained in:
238
src/app/page.tsx
238
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Products",
|
name: "Products", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Memorix"
|
brandName="Memorix"
|
||||||
/>
|
/>
|
||||||
@@ -59,69 +51,37 @@ export default function LandingPage() {
|
|||||||
description="Custom fridge magnets for your favorite moments. High-quality prints, durable materials, and perfect for any occasion."
|
description="Custom fridge magnets for your favorite moments. High-quality prints, durable materials, and perfect for any occasion."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Sarah J.",
|
name: "Sarah J.", handle: "@sarahj", testimonial: "The quality of the prints is amazing!", rating: 5,
|
||||||
handle: "@sarahj",
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg"},
|
||||||
testimonial: "The quality of the prints is amazing!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Mike R.",
|
name: "Mike R.", handle: "@miker", testimonial: "Fast shipping and great service.", rating: 5,
|
||||||
handle: "@miker",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg"},
|
||||||
testimonial: "Fast shipping and great service.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Linda T.",
|
name: "Linda T.", handle: "@lindat", testimonial: "Exactly what I wanted, absolutely perfect.", rating: 5,
|
||||||
handle: "@lindat",
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg"},
|
||||||
testimonial: "Exactly what I wanted, absolutely perfect.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "David L.",
|
name: "David L.", handle: "@davidl", testimonial: "Super durable, stays on my fridge perfectly.", rating: 5,
|
||||||
handle: "@davidl",
|
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"},
|
||||||
testimonial: "Super durable, stays on my fridge perfectly.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Emily B.",
|
name: "Emily B.", handle: "@emilyb", testimonial: "Beautiful colors and crisp image resolution.", rating: 5,
|
||||||
handle: "@emilyb",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg"},
|
||||||
testimonial: "Beautiful colors and crisp image resolution.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Now",
|
text: "Shop Now", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-assortment-with-white-balloons_23-2148309277.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-assortment-with-white-balloons_23-2148309277.jpg"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Front view of cute girl looking away"},
|
||||||
alt: "Front view of cute girl looking away",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", alt: "Older woman with thumb up"},
|
||||||
alt: "Older woman with thumb up",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", alt: "Happy business woman in white shirt"},
|
||||||
alt: "Happy business woman in white shirt",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg", alt: "Close-up smiley man talking on the phone"},
|
||||||
alt: "Close-up smiley man talking on the phone",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
|
src: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg", alt: "aged middle expression calling business"},
|
||||||
alt: "aged middle expression calling business",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -133,19 +93,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Sparkles,
|
icon: Sparkles,
|
||||||
label: "Magnets Made",
|
label: "Magnets Made", value: "10k+"},
|
||||||
value: "10k+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Heart,
|
icon: Heart,
|
||||||
label: "Happy Clients",
|
label: "Happy Clients", value: "5k+"},
|
||||||
value: "5k+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: CheckCircle,
|
icon: CheckCircle,
|
||||||
label: "Verified Designs",
|
label: "Verified Designs", value: "99%"},
|
||||||
value: "99%",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -159,40 +113,22 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Polaroid Magnet", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/metallic-pieces-with-colorful-painting_23-2148742357.jpg", priceButtonProps: { children: "Add to Cart" }
|
||||||
name: "Polaroid Magnet",
|
|
||||||
price: "$9.99",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-pieces-with-colorful-painting_23-2148742357.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Minimalist Square", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/person-setting-their-new-year-goals_23-2149181730.jpg", priceButtonProps: { children: "Add to Cart" }
|
||||||
name: "Minimalist Square",
|
|
||||||
price: "$8.99",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/person-setting-their-new-year-goals_23-2149181730.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Circle Memories", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/sewing-clothes-elements-arrangement_23-2148742330.jpg", priceButtonProps: { children: "Add to Cart" }
|
||||||
name: "Circle Memories",
|
|
||||||
price: "$7.99",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sewing-clothes-elements-arrangement_23-2148742330.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Hexagon Art", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-patriotic-gingerbread-support-ukraine_169016-20155.jpg", priceButtonProps: { children: "Add to Cart" }
|
||||||
name: "Hexagon Art",
|
|
||||||
price: "$10.99",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-patriotic-gingerbread-support-ukraine_169016-20155.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Landscape View", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-office-desk-concept-wood-house-also-car-clock-wooden-shelf-beautiful-pink-flower-wood-background-with-copy-space_1921-37.jpg", priceButtonProps: { children: "Add to Cart" }
|
||||||
name: "Landscape View",
|
|
||||||
price: "$12.99",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-office-desk-concept-wood-house-also-car-clock-wooden-shelf-beautiful-pink-flower-wood-background-with-copy-space_1921-37.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Photo Frame", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-with-flower-petals-table_23-2148069173.jpg", priceButtonProps: { children: "Add to Cart" }
|
||||||
name: "Photo Frame",
|
|
||||||
price: "$11.99",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-with-flower-petals-table_23-2148069173.jpg",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Our Collection"
|
title="Our Collection"
|
||||||
@@ -207,34 +143,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "24h", title: "Production Time", items: [
|
||||||
value: "24h",
|
"Lightning fast", "Quality checked", "Ready to ship"],
|
||||||
title: "Production Time",
|
|
||||||
items: [
|
|
||||||
"Lightning fast",
|
|
||||||
"Quality checked",
|
|
||||||
"Ready to ship",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "100%", title: "Satisfaction", items: [
|
||||||
value: "100%",
|
"Premium materials", "Color accuracy", "Durable finish"],
|
||||||
title: "Satisfaction",
|
|
||||||
items: [
|
|
||||||
"Premium materials",
|
|
||||||
"Color accuracy",
|
|
||||||
"Durable finish",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "Global", title: "Shipping", items: [
|
||||||
value: "Global",
|
"Worldwide delivery", "Safe packaging", "Tracking provided"],
|
||||||
title: "Shipping",
|
|
||||||
items: [
|
|
||||||
"Worldwide delivery",
|
|
||||||
"Safe packaging",
|
|
||||||
"Tracking provided",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Why Choose Memorix?"
|
title="Why Choose Memorix?"
|
||||||
@@ -250,45 +168,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Anna K.", role: "Traveler", company: "GlobeTrotter", rating: 5,
|
||||||
name: "Anna K.",
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-colleague_1098-14876.jpg"},
|
||||||
role: "Traveler",
|
|
||||||
company: "GlobeTrotter",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-colleague_1098-14876.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Mark D.", role: "Artist", company: "CreativeLab", rating: 5,
|
||||||
name: "Mark D.",
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-table_23-2148095754.jpg"},
|
||||||
role: "Artist",
|
|
||||||
company: "CreativeLab",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-table_23-2148095754.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Jane P.", role: "Collector", company: "MagnetLovers", rating: 5,
|
||||||
name: "Jane P.",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg"},
|
||||||
role: "Collector",
|
|
||||||
company: "MagnetLovers",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Bob W.", role: "Photographer", company: "SnapWorks", rating: 5,
|
||||||
name: "Bob W.",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg"},
|
||||||
role: "Photographer",
|
|
||||||
company: "SnapWorks",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Eve M.", role: "Student", company: "University", rating: 5,
|
||||||
name: "Eve M.",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-corporate-woman-young-intern-walks-street-office-holds-mobile-phone-texts_1258-194216.jpg"},
|
||||||
role: "Student",
|
|
||||||
company: "University",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-corporate-woman-young-intern-walks-street-office-holds-mobile-phone-texts_1258-194216.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Customer Stories"
|
title="Customer Stories"
|
||||||
description="What people say about their custom magnets."
|
description="What people say about their custom magnets."
|
||||||
@@ -301,20 +194,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "How long until I get them?", content: "Orders are processed within 24 hours and shipped the next business day."},
|
||||||
title: "How long until I get them?",
|
|
||||||
content: "Orders are processed within 24 hours and shipped the next business day.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Are they durable?", content: "Yes, we use professional grade UV-resistant inks."},
|
||||||
title: "Are they durable?",
|
|
||||||
content: "Yes, we use professional grade UV-resistant inks.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Do you ship internationally?", content: "Absolutely, we ship globally to over 50 countries."},
|
||||||
title: "Do you ship internationally?",
|
|
||||||
content: "Absolutely, we ship globally to over 50 countries.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Need to know how it works? Read below."
|
description="Need to know how it works? Read below."
|
||||||
@@ -327,14 +211,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={[
|
||||||
"Microsoft",
|
"Microsoft", "Google", "Airbnb", "Spotify", "Netflix", "Amazon", "Tesla"]}
|
||||||
"Google",
|
|
||||||
"Airbnb",
|
|
||||||
"Spotify",
|
|
||||||
"Netflix",
|
|
||||||
"Amazon",
|
|
||||||
"Tesla",
|
|
||||||
]}
|
|
||||||
title="Trusted By Industry Leaders"
|
title="Trusted By Industry Leaders"
|
||||||
description="Join thousands of satisfied corporate partners."
|
description="Join thousands of satisfied corporate partners."
|
||||||
/>
|
/>
|
||||||
@@ -344,14 +221,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "animated-grid",
|
variant: "animated-grid"}}
|
||||||
}}
|
|
||||||
text="Ready to bring your memories to life?"
|
text="Ready to bring your memories to life?"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Support",
|
text: "Contact Support", href: "mailto:hello@memorix.com"},
|
||||||
href: "mailto:hello@memorix.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -363,18 +237,14 @@ export default function LandingPage() {
|
|||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Twitter,
|
icon: Twitter,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Twitter"},
|
||||||
ariaLabel: "Twitter",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Instagram,
|
icon: Instagram,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Instagram"},
|
||||||
ariaLabel: "Instagram",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user