Update src/app/page.tsx
This commit is contained in:
214
src/app/page.tsx
214
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Modest Charm"
|
||||
/>
|
||||
@@ -59,26 +47,11 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-young-female-holding-hands-front-her-while-blinking-shirt-skirt-looking-confident-front-view_176474-91228.jpg"
|
||||
imageAlt="elegant modest clothing boutique"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-shirt-skirt-looking-camera-looking-disappointed_176474-24488.jpg",
|
||||
alt: "Young female in shirt, skirt looking at camera and looking disappointed",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-girl-look-left-black-dress-stone-background_176474-116062.jpg",
|
||||
alt: "The blonde girl look at the left in black dress on stone background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-person-portrait-business-beautiful_1303-2277.jpg",
|
||||
alt: "smiling person portrait business beautiful",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-charming-brunette-curly-woman-burgundy-pants-trendy-white-blouse-looks-into-camera-poses-near-white-wooden-doors_197531-29877.jpg",
|
||||
alt: "Attractive charming brunette curly woman in burgundy pants and trendy white blouse looks into camera and poses near white wooden doors",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/best-friends-role-adviser_329181-8025.jpg",
|
||||
alt: "happy customer modest fashion",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-shirt-skirt-looking-camera-looking-disappointed_176474-24488.jpg", alt: "Young female in shirt, skirt looking at camera and looking disappointed" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blonde-girl-look-left-black-dress-stone-background_176474-116062.jpg", alt: "The blonde girl look at the left in black dress on stone background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-person-portrait-business-beautiful_1303-2277.jpg", alt: "smiling person portrait business beautiful" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-charming-brunette-curly-woman-burgundy-pants-trendy-white-blouse-looks-into-camera-poses-near-white-wooden-doors_197531-29877.jpg", alt: "Attractive charming brunette curly woman in burgundy pants and trendy white blouse looks into camera and poses near white wooden doors" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/best-friends-role-adviser_329181-8025.jpg", alt: "happy customer modest fashion" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ women"
|
||||
/>
|
||||
@@ -88,15 +61,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-fashion-designer-linen-red-dress-smiles-sincerely-charming-woman-holds-pencils-draws-cloth-pattern-craft-paper-sheet_197531-29816.jpg",
|
||||
alt: "modest fashion design studio",
|
||||
},
|
||||
{ type: "text", content: "Our Mission" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/cheerful-young-fashion-designer-linen-red-dress-smiles-sincerely-charming-woman-holds-pencils-draws-cloth-pattern-craft-paper-sheet_197531-29816.jpg", alt: "modest fashion design studio" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,48 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic White Base",
|
||||
price: "$35",
|
||||
variant: "Base Layer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girls-color-shirts-youth-basic-fashion-photoshoot_53876-102312.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Shabbat White Trousers",
|
||||
price: "$85",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-squared-fabric-texture_1194-6476.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vibrant Cotton Base",
|
||||
price: "$40",
|
||||
variant: "Base Layer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-serious-woman-with-bouquet-dry-plants_23-2148079397.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Elegant Shabbat Skirt",
|
||||
price: "$95",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greek-goddesses-seen-from_52683-105838.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Soft Grey Long Sleeve",
|
||||
price: "$38",
|
||||
variant: "Base Layer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Embroidered Shabbat Pants",
|
||||
price: "$110",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-glass_23-2150154535.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic White Base", price: "$35", variant: "Base Layer", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girls-color-shirts-youth-basic-fashion-photoshoot_53876-102312.jpg" },
|
||||
{ id: "p2", name: "Shabbat White Trousers", price: "$85", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/black-squared-fabric-texture_1194-6476.jpg" },
|
||||
{ id: "p3", name: "Vibrant Cotton Base", price: "$40", variant: "Base Layer", imageSrc: "http://img.b2bpic.net/free-photo/sensual-serious-woman-with-bouquet-dry-plants_23-2148079397.jpg" },
|
||||
{ id: "p4", name: "Elegant Shabbat Skirt", price: "$95", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/greek-goddesses-seen-from_52683-105838.jpg" },
|
||||
{ id: "p5", name: "Soft Grey Long Sleeve", price: "$38", variant: "Base Layer", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg" },
|
||||
{ id: "p6", name: "Embroidered Shabbat Pants", price: "$110", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-glass_23-2150154535.jpg" },
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our curated selection of high-quality essentials and shabbat-ready pieces."
|
||||
@@ -162,33 +92,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Across the globe",
|
||||
"Trusted modesty",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Products Offered",
|
||||
items: [
|
||||
"Curated selections",
|
||||
"New arrivals",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Available",
|
||||
items: [
|
||||
"Always here",
|
||||
"Expert advice",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Happy Customers", items: ["Across the globe", "Trusted modesty"] },
|
||||
{ id: "m2", value: "500+", title: "Products Offered", items: ["Curated selections", "New arrivals"] },
|
||||
{ id: "m3", value: "24/7", title: "Support Available", items: ["Always here", "Expert advice"] },
|
||||
]}
|
||||
title="Our Reach"
|
||||
description="A growing community dedicated to modest elegance and quality craftsmanship."
|
||||
@@ -202,26 +108,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/best-friends-role-adviser_329181-8025.jpg",
|
||||
alt: "happy customer modest fashion",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-hipster-girl-trendy-summer-checkered-shirt-jeans-clothes-sexy-carefree-woman-posing-near-pink-wall-studio-positive-model-with-no-makeup_158538-3322.jpg",
|
||||
alt: "customer wearing modest base layer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-store_23-2149241333.jpg",
|
||||
alt: "woman elegant modest attire",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-walking-up-stairs_23-2148366321.jpg",
|
||||
alt: "satisfied customer modest store",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/curly-woman-with-flowers-her-hair-tying-scarf-bow-looking-camera_197531-14817.jpg",
|
||||
alt: "woman wearing modest white pants",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/best-friends-role-adviser_329181-8025.jpg", alt: "happy customer modest fashion" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-hipster-girl-trendy-summer-checkered-shirt-jeans-clothes-sexy-carefree-woman-posing-near-pink-wall-studio-positive-model-with-no-makeup_158538-3322.jpg", alt: "customer wearing modest base layer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-store_23-2149241333.jpg", alt: "woman elegant modest attire" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-walking-up-stairs_23-2148366321.jpg", alt: "satisfied customer modest store" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/curly-woman-with-flowers-her-hair-tying-scarf-bow-looking-camera_197531-14817.jpg", alt: "woman wearing modest white pants" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -233,21 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are your shirts fully opaque?",
|
||||
content: "Yes, our base layers are specifically designed to be fully opaque and long-sleeved.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I choose the right size?",
|
||||
content: "We provide a detailed sizing chart for every product in the description.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day hassle-free return policy on all unworn items.",
|
||||
},
|
||||
{ id: "f1", title: "Are your shirts fully opaque?", content: "Yes, our base layers are specifically designed to be fully opaque and long-sleeved." },
|
||||
{ id: "f2", title: "How do I choose the right size?", content: "We provide a detailed sizing chart for every product in the description." },
|
||||
{ id: "f3", title: "What is your return policy?", content: "We offer a 30-day hassle-free return policy on all unworn items." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -262,36 +141,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "b1",
|
||||
tag: "Essentials",
|
||||
price: "$90",
|
||||
period: "/3 items",
|
||||
description: "Three base layers in your choice of color.",
|
||||
button: {
|
||||
text: "Select Bundle",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Full opacity",
|
||||
"Long sleeves",
|
||||
"Cotton blend",
|
||||
],
|
||||
id: "b1", tag: "Essentials", price: "$90", period: "/3 items", description: "Three base layers in your choice of color.", button: { text: "Select Bundle" },
|
||||
featuresTitle: "Included:", features: ["Full opacity", "Long sleeves", "Cotton blend"],
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
tag: "Complete",
|
||||
price: "$250",
|
||||
period: "/bundle",
|
||||
description: "The complete modest starter kit.",
|
||||
button: {
|
||||
text: "Select Bundle",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"3 Base layers",
|
||||
"2 Shabbat pants",
|
||||
"Priority support",
|
||||
],
|
||||
id: "b2", tag: "Complete", price: "$250", period: "/bundle", description: "The complete modest starter kit.", button: { text: "Select Bundle" },
|
||||
featuresTitle: "Included:", features: ["3 Base layers", "2 Shabbat pants", "Priority support"],
|
||||
},
|
||||
]}
|
||||
title="Bundles"
|
||||
@@ -301,10 +156,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Get in touch"
|
||||
description="Have questions about our collection? We're here to help."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-her-flower-shop-looking-away_23-2148463227.jpg"
|
||||
|
||||
Reference in New Issue
Block a user