Update src/app/terms/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
@@ -33,7 +33,8 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
             { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "contact" },
+            { name: "Terms", id: "/terms" }
           ]}
           bottomLeftText="Handcrafted Flowers"
           bottomRightText="hello@emiliflowers.com"
@@ -59,7 +60,7 @@ export default function LandingPage() {
       </div>
 
       <div id="gallery" data-section="gallery">
-        <ProductCardOne
+        <ProductCardFour
           title="Featured Arrangements"
           description="Discover our exquisite collection of handcrafted floral designs, each created with passion and precision."
           tag="Our Gallery"
@@ -67,13 +68,13 @@ export default function LandingPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "1",              name: "Romance Rose",              price: "$95",              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg?_wi=1",              imageAlt: "Romantic rose arrangement"
+              id: "1",              name: "Romance Rose",              price: "$95",              variant: "Premium Red",              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg?_wi=1",              imageAlt: "Romantic rose arrangement"
             },
             {
-              id: "2",              name: "Bridal Dreams",              price: "$150",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-bouquet-flowers_1157-18354.jpg?_wi=1",              imageAlt: "Elegant bridal bouquet"
+              id: "2",              name: "Bridal Dreams",              price: "$150",              variant: "White & Cream",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-bouquet-flowers_1157-18354.jpg?_wi=1",              imageAlt: "Elegant bridal bouquet"
             },
             {
-              id: "3",              name: "Spring Garden",              price: "$85",              imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-colorful-tulips-baby-s-breath-flower-wooden-desk_23-2148048500.jpg?_wi=1",              imageAlt: "Colorful spring arrangement"
+              id: "3",              name: "Spring Garden",              price: "$85",              variant: "Colorful Mix",              imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-colorful-tulips-baby-s-breath-flower-wooden-desk_23-2148048500.jpg?_wi=1",              imageAlt: "Colorful spring arrangement"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -164,7 +165,7 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/composition-from-flowers-plants-lit-candles-as-part-decorations-wooden-table_181624-59023.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/composition-from-flowers-plants-lit-candles-as-part-decorations-wooden-table_181624-59023.jpg?_wi=1"
           imageAlt="Emili Flowers Studio"
           logoText="Emili Flowers"
           copyrightText="© 2025 Emili Flowers Studio. All rights reserved."
@@ -183,6 +184,13 @@ export default function LandingPage() {
                 { label: "Contact", href: "#contact" }
               ]
             },
+            {
+              title: "Legal",              items: [
+                { label: "Terms of Service", href: "/terms" },
+                { label: "Privacy Policy", href: "#contact" },
+                { label: "Contact", href: "mailto:hello@emiliflowers.com" }
+              ]
+            },
             {
               title: "Connect",              items: [
                 { label: "Instagram", href: "https://instagram.com" },

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
+  /* --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1a1a;;
-  --foreground: #1c1c1c;;
+  --foreground: #ffffff;;
-  --primary-cta: #6139e6;;
+  --primary-cta: #ff3333;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #6139e6;;
+  --accent: #ff3333;;
-  --background-accent: #b3a8e8;; */
+  --background-accent: #330000;; */
 
-  --background: #f5f5f5;;
+  --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1a1a;;
-  --foreground: #1c1c1c;;
+  --foreground: #ffffff;;
-  --primary-cta: #6139e6;;
+  --primary-cta: #ff3333;;
   --primary-cta-text: #f5f5f5;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
   --secondary-cta-text: #1c1c1c;;
-  --accent: #6139e6;;
+  --accent: #ff3333;;
-  --background-accent: #b3a8e8;;
+  --background-accent: #330000;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/terms/page.tsx

@@ -0,0 +1,156 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import LegalSection from '@/components/legal/LegalSection';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function TermsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="largeSmall"
+      background="grid"
+      cardStyle="outline"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="Emili"
+          navItems={[
+            { name: "Gallery", id: "gallery" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+            { name: "Terms", id: "/terms" }
+          ]}
+          bottomLeftText="Handcrafted Flowers"
+          bottomRightText="hello@emiliflowers.com"
+        />
+      </div>
+
+      <div id="legal" data-section="legal">
+        <LegalSection
+          layout="page"
+          title="Terms of Service"
+          subtitle="Last updated: January 2025"
+          sections={[
+            {
+              heading: "1. Acceptance of Terms",              content: [
+                {
+                  type: "paragraph",                  text: "By accessing and using this website and services provided by Emili Flowers Studio, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service."
+                }
+              ]
+            },
+            {
+              heading: "2. Use License",              content: [
+                {
+                  type: "paragraph",                  text: "Permission is granted to temporarily download one copy of the materials (information or software) on Emili Flowers Studio's website for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title, and under this license you may not:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Modifying or copying the materials",                    "Using the materials for any commercial purpose or for any public display",                    "Attempting to decompile or reverse engineer any software contained on the website",                    "Removing any copyright or other proprietary notations from the materials",                    "Transferring the materials to another person or 'mirroring' the materials on any other server"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "3. Disclaimer",              content: [
+                {
+                  type: "paragraph",                  text: "The materials on Emili Flowers Studio's website are provided on an 'as is' basis. Emili Flowers Studio makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties including, without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights."
+                }
+              ]
+            },
+            {
+              heading: "4. Limitations",              content: [
+                {
+                  type: "paragraph",                  text: "In no event shall Emili Flowers Studio or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on Emili Flowers Studio's website, even if we or our authorized representative has been notified orally or in writing of the possibility of such damage."
+                }
+              ]
+            },
+            {
+              heading: "5. Accuracy of Materials",              content: [
+                {
+                  type: "paragraph",                  text: "The materials appearing on Emili Flowers Studio's website could include technical, typographical, or photographic errors. Emili Flowers Studio does not warrant that any of the materials on its website are accurate, complete, or current. Emili Flowers Studio may make changes to the materials contained on its website at any time without notice."
+                }
+              ]
+            },
+            {
+              heading: "6. Links",              content: [
+                {
+                  type: "paragraph",                  text: "Emili Flowers Studio has not reviewed all of the sites linked to its website and is not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by Emili Flowers Studio of the site. Use of any such linked website is at the user's own risk."
+                }
+              ]
+            },
+            {
+              heading: "7. Modifications",              content: [
+                {
+                  type: "paragraph",                  text: "Emili Flowers Studio may revise these terms of service for its website at any time without notice. By using this website, you are agreeing to be bound by the then current version of these terms of service."
+                }
+              ]
+            },
+            {
+              heading: "8. Governing Law",              content: [
+                {
+                  type: "paragraph",                  text: "These terms and conditions are governed by and construed in accordance with the laws of the jurisdiction in which Emili Flowers Studio operates, and you irrevocably submit to the exclusive jurisdiction of the courts in that location."
+                }
+              ]
+            },
+            {
+              heading: "9. Contact Information",              content: [
+                {
+                  type: "paragraph",                  text: "If you have any questions about these Terms of Service, please contact us at hello@emiliflowers.com or visit our contact page."
+                }
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/composition-from-flowers-plants-lit-candles-as-part-decorations-wooden-table_181624-59023.jpg?_wi=2"
+          imageAlt="Emili Flowers Studio"
+          logoText="Emili Flowers"
+          copyrightText="© 2025 Emili Flowers Studio. All rights reserved."
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Wedding Florals", href: "#services" },
+                { label: "Corporate Events", href: "#services" },
+                { label: "Subscriptions", href: "#services" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#about" },
+                { label: "Gallery", href: "#gallery" },
+                { label: "Contact", href: "#contact" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Terms of Service", href: "/terms" },
+                { label: "Privacy Policy", href: "#contact" },
+                { label: "Contact", href: "mailto:hello@emiliflowers.com" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Email", href: "mailto:hello@emiliflowers.com" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}