Merge version_1 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kally's & Kelly's"
|
||||
/>
|
||||
@@ -62,35 +47,21 @@ export default function LandingPage() {
|
||||
description="We create beautiful, conversion-focused websites for ambitious fashion and design companies. See how we've helped brands like yours grow."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Our Work", href: "#features"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg?_wi=1",
|
||||
imageAlt: "Fashion Model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg", imageAlt: "Fashion Model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-many-messy-fabrics_23-2147874958.jpg?_wi=1",
|
||||
imageAlt: "Luxury Fabric",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-many-messy-fabrics_23-2147874958.jpg", imageAlt: "Luxury Fabric"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-woman-walking-through-mall_1098-2469.jpg?_wi=1",
|
||||
imageAlt: "Fashion Store",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-woman-walking-through-mall_1098-2469.jpg", imageAlt: "Fashion Store"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309686.jpg",
|
||||
imageAlt: "Design Studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309686.jpg", imageAlt: "Design Studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36692.jpg",
|
||||
imageAlt: "Accessories",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36692.jpg", imageAlt: "Accessories"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-710.jpg",
|
||||
imageAlt: "Runway View",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-710.jpg", imageAlt: "Runway View"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
/>
|
||||
@@ -101,24 +72,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafted Elegance",
|
||||
},
|
||||
type: "text", content: "Crafted Elegance"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-couple-art-gallery_23-2149911926.jpg",
|
||||
alt: "Design Object",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/side-view-couple-art-gallery_23-2149911926.jpg", alt: "Design Object"},
|
||||
{
|
||||
type: "text",
|
||||
content: "for Modern Fashion Houses",
|
||||
},
|
||||
type: "text", content: "for Modern Fashion Houses"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Learn More", href: "#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,41 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Conversion Focus",
|
||||
description: "Layouts designed specifically to increase sales and brand engagement.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-white-background_9975-133803.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-closed-black-gift-box_107791-18203.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg?_wi=2",
|
||||
imageAlt: "ecommerce website mockup",
|
||||
title: "Conversion Focus", description: "Layouts designed specifically to increase sales and brand engagement.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-white-background_9975-133803.jpg", imageAlt: "ecommerce website mockup" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-closed-black-gift-box_107791-18203.jpg", imageAlt: "ecommerce website mockup" }
|
||||
},
|
||||
{
|
||||
title: "Fashion Aesthetics",
|
||||
description: "Visual identity that aligns with high-end luxury branding.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/minimalist-construction-project-instagram-post-set_23-2149849521.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166948.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-many-messy-fabrics_23-2147874958.jpg?_wi=2",
|
||||
imageAlt: "ecommerce website mockup",
|
||||
title: "Fashion Aesthetics", description: "Visual identity that aligns with high-end luxury branding.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-psd/minimalist-construction-project-instagram-post-set_23-2149849521.jpg", imageAlt: "ecommerce website mockup" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166948.jpg", imageAlt: "ecommerce website mockup" }
|
||||
},
|
||||
{
|
||||
title: "Fast Deployment",
|
||||
description: "Quick turnarounds without sacrificing quality or design integrity.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-mock-up-vertical-poster-billboard-sign-with-copy-space-your-text-message-content-modern-shopping-mall_1253-1437.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729049.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-woman-walking-through-mall_1098-2469.jpg?_wi=2",
|
||||
imageAlt: "ecommerce website mockup",
|
||||
},
|
||||
title: "Fast Deployment", description: "Quick turnarounds without sacrificing quality or design integrity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/blank-mock-up-vertical-poster-billboard-sign-with-copy-space-your-text-message-content-modern-shopping-mall_1253-1437.jpg", imageAlt: "ecommerce website mockup" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729049.jpg", imageAlt: "ecommerce website mockup" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Design That Drives Results"
|
||||
@@ -174,52 +112,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Handbag Collection",
|
||||
price: "Featured",
|
||||
variant: "Web Redesign",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669566.jpg",
|
||||
},
|
||||
id: "p1", name: "Luxury Handbag Collection", price: "Featured", variant: "Web Redesign", imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669566.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Minimalist Dress Lookbook",
|
||||
price: "Featured",
|
||||
variant: "Catalog Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-photography-studio_23-2149033308.jpg",
|
||||
},
|
||||
id: "p2", name: "Minimalist Dress Lookbook", price: "Featured", variant: "Catalog Design", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-photography-studio_23-2149033308.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Watch Campaign",
|
||||
price: "Featured",
|
||||
variant: "Brand Identity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traveler-with-suitcase_23-2151043310.jpg",
|
||||
},
|
||||
id: "p3", name: "Classic Watch Campaign", price: "Featured", variant: "Brand Identity", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traveler-with-suitcase_23-2151043310.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Footwear Collection Launch",
|
||||
price: "Featured",
|
||||
variant: "Campaign Site",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-71887.jpg",
|
||||
},
|
||||
id: "p4", name: "Footwear Collection Launch", price: "Featured", variant: "Campaign Site", imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-dark-white-grey-gradient-with-black-solid-vignette-lighting-studio-wall-floor-background-well-use-as-backdrop-background-empty-white-room-with-space-your-text-picture_1258-71887.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Silk Accessory Line",
|
||||
price: "Featured",
|
||||
variant: "Web Redesign",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919430.jpg",
|
||||
},
|
||||
id: "p5", name: "Silk Accessory Line", price: "Featured", variant: "Web Redesign", imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919430.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Designer Eyewear Display",
|
||||
price: "Featured",
|
||||
variant: "Catalog Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-sunglasses-black-white_1122-1543.jpg",
|
||||
},
|
||||
id: "p6", name: "Designer Eyewear Display", price: "Featured", variant: "Catalog Design", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-sunglasses-black-white_1122-1543.jpg"},
|
||||
]}
|
||||
title="Showcase of Creative Work"
|
||||
description="Explore our portfolio of recent fashion brand collaborations."
|
||||
@@ -233,55 +142,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "b",
|
||||
badge: "Entry",
|
||||
price: "$4,000",
|
||||
subtitle: "Perfect for new brands",
|
||||
buttons: [
|
||||
id: "b", badge: "Entry", price: "$4,000", subtitle: "Perfect for new brands", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Responsive Design",
|
||||
"Basic SEO",
|
||||
"Portfolio Page",
|
||||
],
|
||||
"Responsive Design", "Basic SEO", "Portfolio Page"],
|
||||
},
|
||||
{
|
||||
id: "p",
|
||||
badge: "Growth",
|
||||
price: "$9,500",
|
||||
subtitle: "Scaling boutiques",
|
||||
buttons: [
|
||||
id: "p", badge: "Growth", price: "$9,500", subtitle: "Scaling boutiques", buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full E-commerce",
|
||||
"Advanced SEO",
|
||||
"Custom Branding",
|
||||
],
|
||||
"Full E-commerce", "Advanced SEO", "Custom Branding"],
|
||||
},
|
||||
{
|
||||
id: "e",
|
||||
badge: "Premium",
|
||||
price: "$18,000",
|
||||
subtitle: "For established fashion houses",
|
||||
buttons: [
|
||||
id: "e", badge: "Premium", price: "$18,000", subtitle: "For established fashion houses", buttons: [
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Quote", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Custom ERP Integration",
|
||||
"Multi-region Support",
|
||||
"Priority Support",
|
||||
],
|
||||
"Custom ERP Integration", "Multi-region Support", "Priority Support"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -297,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120%",
|
||||
description: "Avg Revenue Increase",
|
||||
},
|
||||
id: "m1", value: "120%", description: "Avg Revenue Increase"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2.5x",
|
||||
description: "Conversion Rate Lift",
|
||||
},
|
||||
id: "m2", value: "2.5x", description: "Conversion Rate Lift"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "450+",
|
||||
description: "Successful Launches",
|
||||
},
|
||||
id: "m3", value: "450+", description: "Successful Launches"},
|
||||
]}
|
||||
title="Results You Can Measure"
|
||||
description="We don't just design websites—we build performance."
|
||||
@@ -319,49 +192,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rossi",
|
||||
handle: "@rossifashion",
|
||||
testimonial: "The design work from Kally's and Kelly's transformed our brand identity overnight.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-youth-with-freckles-beauty-marks_23-2151703656.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Rossi", handle: "@rossifashion", testimonial: "The design work from Kally's and Kelly's transformed our brand identity overnight.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-youth-with-freckles-beauty-marks_23-2151703656.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marc Dubois",
|
||||
handle: "@duboiscreatives",
|
||||
testimonial: "Exceptional communication and high-impact design. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg",
|
||||
},
|
||||
id: "t2", name: "Marc Dubois", handle: "@duboiscreatives", testimonial: "Exceptional communication and high-impact design. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophie Kim",
|
||||
handle: "@kimdesign",
|
||||
testimonial: "Finally, a team that understands fashion aesthetics and high conversion standards.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-hangers_23-2149241341.jpg",
|
||||
},
|
||||
id: "t3", name: "Sophie Kim", handle: "@kimdesign", testimonial: "Finally, a team that understands fashion aesthetics and high conversion standards.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-hangers_23-2149241341.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jack Peterson",
|
||||
handle: "@petersonbrand",
|
||||
testimonial: "Our online sales grew significantly after the new platform launch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg",
|
||||
},
|
||||
id: "t4", name: "Jack Peterson", handle: "@petersonbrand", testimonial: "Our online sales grew significantly after the new platform launch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Wang",
|
||||
handle: "@wangstyles",
|
||||
testimonial: "Incredible attention to detail in every page element. Top tier design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-white-woman-concept_53876-165175.jpg",
|
||||
},
|
||||
id: "t5", name: "Anna Wang", handle: "@wangstyles", testimonial: "Incredible attention to detail in every page element. Top tier design.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-white-woman-concept_53876-165175.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Leaders"
|
||||
@@ -373,14 +222,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to transform your brand? Let’s create something beautiful together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "mailto:hello@kallyskelly.com",
|
||||
},
|
||||
text: "Start Project", href: "mailto:hello@kallyskelly.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user