Merge branch 'main' of https://github.com/yasirupanduka99/BONDLOCK_Co…

…mmercial_Website

.github/workflows/nextjs.yml

@@ -0,0 +1,95 @@
+# Sample workflow for building and deploying a Next.js site to GitHub Pages
+#
+# To get started with Next.js see: https://nextjs.org/docs/getting-started
+#
+name: Deploy Next.js site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
+            echo "manager=yarn" >> $GITHUB_OUTPUT
+            echo "command=install" >> $GITHUB_OUTPUT
+            echo "runner=yarn" >> $GITHUB_OUTPUT
+            exit 0
+          elif [ -f "${{ github.workspace }}/package.json" ]; then
+            echo "manager=npm" >> $GITHUB_OUTPUT
+            echo "command=ci" >> $GITHUB_OUTPUT
+            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
+            exit 0
+          else
+            echo "Unable to determine package manager"
+            exit 1
+          fi
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: "16"
+          cache: ${{ steps.detect-package-manager.outputs.manager }}
+      - name: Setup Pages
+        uses: actions/configure-pages@v3
+        with:
+          # Automatically inject basePath in your Next.js configuration file and disable
+          # server side image optimization (https://nextjs.org/docs/api-reference/next/image#unoptimized).
+          #
+          # You may remove this line if you want to manage the configuration yourself.
+          static_site_generator: next
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: |
+            .next/cache
+          # Generate a new cache whenever packages or source files change.
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          # If source files changed but packages didn't, rebuild from a prior cache.
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
+      - name: Install dependencies
+        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+      - name: Build with Next.js
+        run: ${{ steps.detect-package-manager.outputs.runner }} next build
+      - name: Static HTML export with Next.js
+        run: ${{ steps.detect-package-manager.outputs.runner }} next export
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          path: ./out
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2

README.md

@@ -1,6 +1,10 @@
 # BONDLOCK
 
-![Open React / Next.js template preview](https://user-images.githubusercontent.com/2683512/231426532-c71f4291-4813-401b-a569-ada47fe13efa.png)
+<img width="194" alt="Splash" src="https://github.com/yasirupanduka99/BONDLOCK_Commercial_Website/assets/87335559/c0fe5dd2-3eb0-4e5b-a36f-078f0b735d50">
+<img width="194" alt="Home" src="https://github.com/yasirupanduka99/BONDLOCK_Commercial_Website/assets/87335559/1786337b-ffb0-4ceb-8f9e-cee49443b24f">
+<img width="194" alt="Bride Gallery" src="https://github.com/yasirupanduka99/BONDLOCK_Commercial_Website/assets/87335559/edfb81de-77b6-4968-b156-c9b54f5e7f31">
+<img width="194" alt="Screenshot 2023-10-29 at 19 29 27" src="https://github.com/yasirupanduka99/BONDLOCK_Commercial_Website/assets/87335559/56937483-4193-44df-ade7-7cee045794fa">
+<img width="194" alt="Screenshot 2023-10-29 at 19 30 12" src="https://github.com/yasirupanduka99/BONDLOCK_Commercial_Website/assets/87335559/877fbcbf-3dd8-48de-89bf-3fde686b96ba">
 
 Wedding apparel and venue design are critical components of generating lasting memories. Our **"B💍NDL🌼CK"** virtual wedding planning system with augmented reality provides a one-of-a-kind experience. Couples may select personalized apparel, try it on, and make an informed choice for their wedding day. This approach also provides grooms with assistance in selecting the best attire for their body type. The couple's design selections set the tone for these unforgettable moments, and we incorporate traditional features such as the Poruwa ritual. This procedure is made easier and more enjoyable by augmented reality and 3D modeling.
 
@@ -32,7 +36,9 @@ Our project represents the final chapter of our academic experience at SLIIT. We
 
 We dedicated our hearts and minds to resulting in a cutting-edge solution for our 4th-year final project. We feel that our project B💍NDL🌼CK has the potential to change the way you think about dreamed weddings based on technology. 
 
-Created and maintained with ❤️ by [Team Pascal's]().![Team Poster](https://github.com/yasirupanduka99/BONDLOCK_Commercial_Website/assets/87335559/39a12317-b4be-4780-b28a-3221ab2bbc4c)
+Created and maintained with ❤️ by [Team Pascal's]().
+
+![Team Poster](https://github.com/yasirupanduka99/BONDLOCK_Commercial_Website/assets/87335559/39a12317-b4be-4780-b28a-3221ab2bbc4c)
 
 ### Modifying the code
 
@@ -47,6 +53,8 @@ yarn dev
 # or
 pnpm dev
 ```
+```
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
 You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+```

components/testimonials.tsx

@@ -64,7 +64,7 @@ export default function Testimonials() {
               </div>
               <blockquote className="text-lg text-gray-400 grow">— As someone deeply connected to our culture and traditions, I appreciate how BONDLOCK respects and enhances our heritage. The poruwa and settee back decoration preview was a game-changer, allowing us to maintain our customs while adding a modern touch.</blockquote>
               <div className="text-gray-700 font-medium mt-6 pt-5 border-t border-gray-700">
-                <cite className="text-gray-200 not-italic">Sithika</cite> <cite className="text-purple-600">Ravinddit</cite>
+                <cite className="text-gray-200 not-italic">Sithika</cite> <cite className="text-purple-600 not-italic">Ravinddit</cite>
               </div>
             </div>
 

components/ui/footer.tsx

@@ -36,7 +36,7 @@ export default function Footer() {
             </ul>
 
             {/* Copyrights note */}
-            <div className="text-gray-400 text-sm mr-4">&copy; <Link href=''>Team Pascal's.</Link> 2023. All rights reserved.</div>
+            <div className="text-gray-400 text-sm mr-4">&copy; <Link href='https://mysliit-my.sharepoint.com/:i:/g/personal/it20049218_my_sliit_lk/EdelbOTXYkJHgaOahsCBAPMBA217Vwy6i4QX_qmZoDwBgA?e=ObUNMH' target='_blank'>Team Pascal's.</Link> 2023. All rights reserved.</div>
 
           </div>
 

components/zigzag.tsx

@@ -26,7 +26,7 @@ export default function Zigzag() {
             <div className="md:grid md:grid-cols-12 md:gap-6 items-center">
               {/* Image */}
               <div className="max-w-xl md:max-w-none md:w-full mx-auto md:col-span-5 lg:col-span-6 mb-8 md:mb-0 md:order-1" data-aos="fade-up">
-                <Image className="max-w-full mx-auto md:max-w-none h-auto" src={FeatImage01} width={540} height={405} alt="Features 01" />
+                <Image className="max-w-full mx-auto md:max-w-none h-auto" src={FeatImage01} width={540} height={405} alt="Features 01 Bridal Gown" />
               </div>
               {/* Content */}
               <div className="max-w-xl md:max-w-none md:w-full mx-auto md:col-span-7 lg:col-span-6" data-aos="fade-right">
@@ -63,7 +63,7 @@ export default function Zigzag() {
             <div className="md:grid md:grid-cols-12 md:gap-6 items-center">
               {/* Image */}
               <div className="max-w-xl md:max-w-none md:w-full mx-auto md:col-span-5 lg:col-span-6 mb-8 md:mb-0 rtl" data-aos="fade-up">
-                <Image className="max-w-full mx-auto md:max-w-none h-auto" src={FeatImage02} width={540} height={405} alt="Features 02" />
+                <Image className="max-w-full mx-auto md:max-w-none h-auto" src={FeatImage02} width={540} height={405} alt="Features 02 Groom Suit" />
               </div>
               {/* Content */}
               <div className="max-w-xl md:max-w-none md:w-full mx-auto md:col-span-7 lg:col-span-6" data-aos="fade-left">
@@ -99,7 +99,7 @@ export default function Zigzag() {
             <div className="md:grid md:grid-cols-12 md:gap-6 items-center">
               {/* Image */}
               <div className="max-w-xl md:max-w-none md:w-full mx-auto md:col-span-5 lg:col-span-6 mb-8 md:mb-0 md:order-1" data-aos="fade-up">
-                <Image className="max-w-full mx-auto md:max-w-none h-auto" src={FeatImage03} width={540} height={405} alt="Features 03" />
+                <Image className="max-w-full mx-auto md:max-w-none h-auto" src={FeatImage03} width={540} height={405} alt="Features 03 Door Arch" />
               </div>
               {/* Content */}
               <div className="max-w-xl md:max-w-none md:w-full mx-auto md:col-span-7 lg:col-span-6" data-aos="fade-right">
@@ -136,7 +136,7 @@ export default function Zigzag() {
             <div className="md:grid md:grid-cols-12 md:gap-6 items-center">
               {/* Image */}
               <div className="max-w-xl md:max-w-none md:w-full mx-auto md:col-span-5 lg:col-span-6 mb-8 md:mb-0 rtl" data-aos="fade-up">
-                <Image className="max-w-full mx-auto md:max-w-none h-auto" src={FeatImage04} width={540} height={405} alt="Features 02" />
+                <Image className="max-w-full mx-auto md:max-w-none h-auto" src={FeatImage04} width={540} height={405} alt="Features 04 Settee Back" />
               </div>
               {/* Content */}
               <div className="max-w-xl md:max-w-none md:w-full mx-auto md:col-span-7 lg:col-span-6" data-aos="fade-left">